마우스를 올렸을 때 글자색이 변화

<span onMouseOver="ch_color_up(this);" onMouseOut="ch_color_down(this)" style="color:#CECECE; cursor:hand;" >내용</span>

 


 

<script>
//----------- 메뉴 색 변화용-----------
arr_color = Array ('#CECECE','#d3b9b9','#d8a4a4','#dd8f8f','#e27a7a','#e76565','#ec5050','#F13b3b','#F62626','#F92020');

//arr_color 를 바꿔서 변화하는 색을 정할 수 있음
poi_color;
poi_target;
id_time;
count_i;
function ch_color_up(poi000)
{
 count_i = 0;
 poi_target = poi000;
 ch_color();
}
function ch_color()
{
 count_i++;
 poi_target.style.color = arr_color[count_i].toUpperCase();
 if(count_i < 9){ id_time = setTimeout(ch_color , 100)  }
}
function ch_color_down(this_target)
{
 count_i = 0;
 clearTimeout(id_time)
 this_target.style.color ='#cecece';
}
//----------------------------------------------------
</script>

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10
2.11
2.12
2.13
2.14
2.15
2.16
2.17
2.18
2.19
2.20
2.21
2.22
2.23
2.24
2.25
2.26
2.27
2.28