脚下时光博客

常用、分享、学习

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

pbootcms添加简单网站飘窗代码

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

效果图

image.png

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

<div id="imglayer" style="position:absolute;mergin:0px; padding:0px;left:0px;top:0px;Z-INDEX:999999;visibility:hidden;">
<script language="JavaScript">document.write("<a><img src='{label:index_pc}' border=0 \/><\/a>");</script>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var xPos = 20;
var yPos = document.documentElement.scrollTop;
var step = 1;
var delay = 30;
var width=0;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var imgly=document.getElementById("imglayer");
imgly.style.top = yPos+"px";
function changePos() {
    var top = document.body.scrollTop;   
    var left = document.body.scrollLeft;   
    if(document.documentElement.scrollTop >= document.body.scrollTop){   
        top = document.documentElement.scrollTop;   
        left = document.documentElement.scrollLeft;   
     }  
    width = document.body.clientWidth;
    height = document.documentElement.clientHeight;
    Hoffset = imgly.offsetHeight;
    Woffset = imgly.offsetWidth;
//    $("#imglayer").css("left",xPos + left);
//    $("#imglayer").css("top",yPos + top);  
    imgly.style.left = (xPos + left) + "px";
    imgly.style.top = (yPos + top) + "px";
    yPos = yon ? yPos + step : yPos - step;
    if (yPos < 0) { yon = 1; yPos = 0; }
    if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset);}
    xPos = xon ? xPos + step : xPos - step;
    if (xPos < 0) { xon = 1; xPos = 0;}
    if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset);}
}
imgly.style.visibility = "visible";
interval = setInterval("changePos()", delay);
$("#imglayer").mouseover(function(){
    window.clearInterval(interval); 
});
$("#imglayer").mouseout(function(){
    interval = setInterval("changePos()", delay);
});
-->
</script>


  • 分享: