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

<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) 명령어
[공지] 기술 게시판
4.28
4.29
4.30
5.1
5.2
5.3
5.4
5.5
5.6
5.7
5.8
5.9
5.10
5.11
5.12
5.13
5.14
5.15
5.16
5.17
5.18
5.19
5.20
5.21
5.22
5.23
5.24
5.25
5.26
5.27
5.28
5.29
5.30
5.31
6.1