麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > 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程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板： 色综合视频网 | 国产成人77亚洲精品www | 黄色毛片免费视频 | 国产精品视频久久久 | 欧美日韩亚洲国产精品 | 蜜桃视频在线免费播放 | 91 在线观看 | 久久噜噜噜精品国产亚洲综合 | 深夜影院a | chinesegv男男猛男无套 | 免费三级大片 | a一级黄色毛片 | av影片在线观看 | 正在播放91视频 | 国产宾馆3p国语对白 | 男女羞羞在线观看 | 中文在线观看视频 | 亚洲成人久久精品 | 成人三级免费电影 | 成人毛片一区 | 一边吃奶一边摸下娇喘 | 免费观看一区 | www.99热精品 | 久草视频在线资源 | 国产91porn| 福利在线国产 | www深夜成人 | 黄色毛片视频在线观看 | 一级国产免费 | 久久91亚洲精品久久91综合 | 久久久国产精品视频 | free korean xxxxhd| 国产一区二区免费 | 国产又粗又爽又深的免费视频 | 制服丝袜成人动漫 | 国产精品一区在线免费观看 | 免费观看一级 | 55夜色66夜色国产精品视频 | 亚洲黑人在线观看 | 精品久久久久久久久久久下田 | 黄色男女视频 |