조회 : 85
<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) 명령어 |
[공지] 기술 게시판 |
일 |
월 |
화 |
수 |
목 |
금 |
토 |
---|---|---|---|---|---|---|
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
|