rinald_未来往事

js拉幕广告代码

WEB前端
js拉幕广告代码,拉幕广告js代码,网页拉幕广告
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>slide</title>
  5. <style type="text/css">
  6. html,body{
  7. width:100%;
  8. height:100%;
  9. margin:0px;
  10. border:0px;
  11. text-align:center;
  12. }
  13. div{
  14. margin:auto;
  15. overflow:hidden;
  16. }
  17. </style>
  18. </head>
  19. <body >
  20. <script type="text/JavaScript">
  21. function tag(obj){
  22. return document.getElementsByTagName(obj)[0];
  23. }
  24. window.onload=function(){
  25. setTimeout("slideUp();",1000);
  26. }
  27. function slideUp(){
  28. if(tag("div").offsetHeight>0){
  29. if(tag("div").offsetHeight>10){
  30. tag("div").style.height=tag("div").offsetHeight-10+"px"
  31. setTimeout("slideUp();",20);
  32. }else{
  33. tag("div").style.display="none";
  34. tag("img").src="images/wall8.jpg";
  35. tag("div").style.display="block";
  36. slideDown();
  37. }
  38. }
  39. }
  40. function slideDown(){
  41. if(tag("div").offsetHeight<80){
  42. if(tag("div").offsetHeight<70){
  43. tag("div").style.height=tag("div").offsetHeight+10+"px";
  44. setTimeout("slideDown();",20);
  45. }else{
  46. tag("div").style.height="80px";
  47. }
  48. }
  49. }
  50. </script>
  51. <div><img src="images/wall8.jpg"></div>
  52. <script type='text/javascript'>
  53. //<![CDATA[
  54. if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 27 ms, 11 Queries.</span>";
  55. //]]>
  56. </script></body>
  57. </html>
  58. 欢迎来访未来往事博客:http://fity.cn
Demo案例:
  1. //拉幕广告代码
  2. function tag(obj){
  3. return document.getElementsByTagName(obj)[0];
  4. }
  5. window.onload=function(){
  6. setTimeout("slideUp();",2400);
  7. }
  8. function slideUp(){
  9. if(tag("div").offsetHeight>0){
  10. tag("div").style.height=tag("div").offsetHeight-10+"px"
  11. setTimeout("slideUp();",20);
  12. }
  13. }
  14. <div style="width:1200px;padding:0;line-height:0;margin:0 auto;overflow:hidden">{ad}</div>
原文作者:rinald
原文地址:http://fity.cn/post/565.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。