조회 : 286
<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>
제목 |
---|
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) |
유용한 리눅스(LINUX) 명령어 |
[공지] 기술 게시판 |
일 |
월 |
화 |
수 |
목 |
금 |
토 |
---|---|---|---|---|---|---|
9.28
|
9.29
|
9.30
|
10.1
|
10.2
|
10.3
|
10.4
|
10.5
|
10.6
|
10.7
|
10.8
|
10.9
|
10.10
|
10.11
|
10.12
|
10.13
|
10.15
|
10.16
|
10.17
|
10.18
|
|
10.19
|
10.20
|
10.21
|
10.22
|
10.23
|
10.24
|
10.25
|
10.26
|
10.27
|
10.28
|
10.29
|
10.30
|
10.31
|
11.1
|