蒙面人生蒙面人生

漂浮窗口代码 怎么写

2009-06-12 分类：服务器 阅读(1056) 评论(0)

漂浮窗口代码带关闭按钮

 

XML/HTML代码
  1. <script type="text/javascript">  
  2. function hidead()   
  3. {document.getElementById("ad").style.display="none";}   
  4. </script>  
  5. <div id="ad" style="position:absolute">  
  6. <a href="http://meiniu.5d6d.com/thread-15-1-1.html"target="_blank">  
  7. <img src="{S_URL}/templates/$_SCONFIG[template]/images/xiwangbei.jpg" >  
  8. </a>  
  9. <DIV style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭×</DIV></div>  
  10. <script>  
  11. var x = 50,y = 60  
  12. var xin = true, yin = true  
  13. var step = 1  
  14. var delay = 1  
  15. var obj=document.getElementById("ad")   
  16. function floatAD() {   
  17. var L=T=0   
  18. var R= document.body.clientWidth-obj.offsetWidth   
  19. var B = document.body.clientHeight-obj.offsetHeight   
  20. obj.style.left = x + document.body.scrollLeft   
  21. obj.style.top = y + document.body.scrollTop   
  22. xx = x + step*(xin?1:-1)   
  23. if (x < L) { xin = true; x = L}   
  24. if (x > R){ xin = false; x = R}   
  25. yy = y + step*(yin?1:-1)   
  26. if (y < T) { yin = true; y = T }   
  27. if (y > B) { yin = false; y = B }   
  28. }   
  29. var itl= setInterval("floatAD()", delay)   
  30. obj.onmouseover=function(){clearInterval(itl)}   
  31. obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}   
  32. </script>  

 

以下代码不含关闭窗口

 

XML/HTML代码
  1. <div id="move">  
  2. <SCRIPT>    
  3. var imagepath="{S_URL}/templates/$_SCONFIG[template]/images/xiwangbei.jpg" //这里是浮动图片的地址   
  4. var imagewidth=100 //这两行写图片的大小    
  5. var imageheight=100    
  6. var speed=3;    
  7. var imageclick="http://meiniu.5d6d.com/thread-15-1-1.html" //这里写点击图片连接到的地址    
  8. var hideafter=0    
  9. var isie=0;    
  10. if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {    
  11. isie=1;    
  12. }    
  13. else {    
  14. isie=0;    
  15. }    
  16. if(isie){    
  17. var preloadit=new Image()    
  18. preloadit.src=imagepath    
  19. }    
  20. function pop() {    
  21. if(isie) {    
  22. xx=x+dx;yy=y+dy;    
  23. oPopup.show(x, y, imagewidth, imageheight);    
  24. if(x+imagewidth+5>screen.width) dx=-dx;    
  25. if(y+imageheight+5>screen.height) dy=-dy;    
  26. if(x<0) dx=-dx;    
  27. if(y<0) dy=-dy;    
  28. startani=setTimeout("pop();",50);    
  29. }    
  30. }    
  31. function dismisspopup(){    
  32. clearTimeout(startani)    
  33. oPopup.hide()    
  34. }    
  35. function dowhat(){    
  36. if (imageclick=="dismiss")    
  37. dismisspopup()    
  38. else    
  39. window.open(imageclick);    
  40. }    
  41. if(isie) {    
  42. var x=0,y=0,dx=speed,dy=speed;    
  43. var oPopup = window.createPopup();    
  44. var oPopupoPopupBody = oPopup.document.body;    
  45. oPopupBody.style.cursor="hand"    
  46. oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';    
  47. oPopup.document.body.onmouseover=new Function("clearTimeout(startani)")    
  48. oPopup.document.body.onmouseout=pop    
  49. oPopup.document.body.onclick=dowhat    
  50. pop();    
  51. if (hideafter>0)    
  52. setTimeout("dismisspopup()",hideafter*1000)    
  53. }    
  54. </SCRIPT>    
  55. </div>  
本原创文章未经允许不得转载 | 当前页面：蒙面人生 » 漂浮窗口代码 怎么写
标签：没有标签

相关推荐

评论