国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Javascript實現div層漸隱效果的方法

2024-05-06 16:21:03
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了Javascript實現div層漸隱效果的方法,涉及javascript操作頁面元素與樣式變化的相關技巧,需要的朋友可以參考下

本文實例講述了Javascript實現div層漸隱效果的方法。分享給大家供大家參考。具體實現方法如下：

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>Test Alpha</title> 
  7. <style type="text/css"> 
  8. #show { 
  9. background:#ffff66; 
  10. font-size:12px; 
  11. height:200px; 
  12. width:300px; 
  13. left:300px; 
  14. position:absolute; 
  15. text-align:center; 
  16. filter:alpha(opacity=0); 
  17. } 
  18. </style> 
  19. </head> 
  20. <body onload={document.getElementById('show').style.opacity=0;}> 
  21. <div id="show"></div> 
  22. <button onclick=fun()>button</button> 
  23. </body> 
  24. <script> 
  25. function fun(){ 
  26. var div=document.getElementById('show'); 
  27. div.style.opacity=1; 
  28. hidden(document.getElementById("show"),1,-0.01); 
  29. } 
  30. function hidden(o,i,s){ 
  31. t=setInterval(function(){  
  32. i+=s; 
  33. o.style.opacity=i; 
  34. if(i<0)window.clearInterval(t);  
  35. },1);  
  36. }; 
  37. </script> 
  38. </html> 

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 济南市| 固镇县| 鄂托克旗| 望谟县| 铜山县| 云安县| 保靖县| 大宁县| 舞钢市| 元谋县| 恩平市| 称多县| 昌吉市| 梅河口市| 饶平县| 前郭尔| 和静县| 湛江市| 衡阳市| 海宁市| 类乌齐县| 庄浪县| 页游| 屏南县| 六盘水市| 梅河口市| 宜昌市| 墨玉县| 喀喇| 云阳县| 平昌县| 吴江市| 永春县| 锡林浩特市| 定西市| 宜兴市| 清远市| 泾源县| 珲春市| 乌鲁木齐市| 龙陵县|