首頁  >  文章  >  web前端  >  js控制淡入淡出範例程式碼_javascript技巧

js控制淡入淡出範例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:15:501049瀏覽

相對來說可以讓初學者看一下,並不太實用,可能jquery4條語句就能解決,但是原生相對有參照性,了解最終原理才是關鍵。

複製程式碼 代碼如下:

-/html/PUBL "IC DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



無標題文件 <br><style type="text/css"> <BR>body {margin:0;padding:0;color:#000000;} <BR>#div_test { <BR>width: 100%; <BR>height: 100%; <BR>background-color: #000000; <BR>position:absolute; <BR>filter:Alpha(Opacity=0) <BR>} <BR></style> <br><br> <br>var i = 100; <br>function $(id) {return document.getElementById(id);} <br>function chang_display() { i--; <br> var div = $('div_test'); <br>div.style.filter = "Alpha(Opacity=" i ")"; <br>div.style.opacity = i / 100; <br>if ( i= = "0") <br>{document.getElementById('div_test').style.display="none";//隱藏<br>exit <br>} <br><br>} <br>/*控制div隱藏*/ <br>function hid() { <br>setInterval(chang_display, 1); <br>} <br><br> <br> <br>

123123123




陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn