脚下时光博客

常用、分享、学习

  • 博主:键盘上游荡
  • QQ:点击这里给我发消息
  • 微信:xia_bq
  • 业务:建站,二开,运维
AD
【腾讯云】云产品限时秒杀,爆款2核4G云服务器首年74元
文章目录

pbootcms添加简单网站飘窗代码

xiabq 2024-05-13 11:19:51 点滴记忆 0

效果图

image.png

代码,<img src='{label:index_pc}'是图片地址,插入index模板即可生效

  1. <div id="imglayer" style="position:absolute;mergin:0px; padding:0px;left:0px;top:0px;Z-INDEX:999999;visibility:hidden;">
  2. <script language="JavaScript">document.write("<a><img src='{label:index_pc}' border=0 \/><\/a>");</script>
  3. </div>
  4. <SCRIPT LANGUAGE="JavaScript">
  5. <!--
  6. var xPos = 20;
  7. var yPos = document.documentElement.scrollTop;
  8. var step = 1;
  9. var delay = 30;
  10. var width=0;
  11. var height = 0;
  12. var Hoffset = 0;
  13. var Woffset = 0;
  14. var yon = 0;
  15. var xon = 0;
  16. var pause = true;
  17. var interval;
  18. var imgly=document.getElementById("imglayer");
  19. imgly.style.top = yPos+"px";
  20. function changePos({
  21.     var top = document.body.scrollTop;   
  22.     var left = document.body.scrollLeft;   
  23.     if(document.documentElement.scrollTop >= document.body.scrollTop){   
  24.         top = document.documentElement.scrollTop;   
  25.         left = document.documentElement.scrollLeft;   
  26.      }  
  27.     width = document.body.clientWidth;
  28.     height = document.documentElement.clientHeight;
  29.     Hoffset = imgly.offsetHeight;
  30.     Woffset = imgly.offsetWidth;
  31. //    $("#imglayer").css("left",xPos + left);
  32. //    $("#imglayer").css("top",yPos + top);  
  33.     imgly.style.left = (xPos + left) + "px";
  34.     imgly.style.top = (yPos + top) + "px";
  35.     yPos = yon ? yPos + step : yPos - step;
  36.     if (yPos < 0) { yon = 1; yPos = 0; }
  37.     if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset);}
  38.     xPos = xon ? xPos + step : xPos - step;
  39.     if (xPos < 0) { xon = 1; xPos = 0;}
  40.     if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset);}
  41. }
  42. imgly.style.visibility = "visible";
  43. interval = setInterval("changePos()", delay);
  44. $("#imglayer").mouseover(function(){
  45.     window.clearInterval(interval); 
  46. });
  47. $("#imglayer").mouseout(function(){
  48.     interval = setInterval("changePos()", delay);
  49. });
  50. -->
  51. </script>