您的位置:首页 > Web前端 > JavaScript

【JS】网页悬浮广告及联系QQ客服侧边栏

2016-10-31 11:30 369 查看
网页悬浮广告及联系QQ客服侧边栏,广告跳动效果,及QQ客服隐藏效果

<script language="javascript" type="text/javascript">
var w3c = (document.getElementById) ? true : false;
var agt = navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var mymovey = new Number();
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}
function GetScrollTop(){
return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
</script>

<div style="height:1500px; background:#EEE; ">右侧漂浮</div>

<!--右侧漂浮QQ开始-->
<div style="width:790px;margin:auto;">
<div style="float:right;">
<div id=backi style="Z-INDEX:2;WIDTH: 106px; POSITION: absolute; TOP: 50px; HEIGHT:auto">
<img src="qq.jpg" width="106" height="205" />
</div>
<script language="JavaScript1.1">
function heartBeat(){
diffY=GetScrollTop();
mymovey += Math.floor((diffY-document.getElementById('backi').style.top.replace("px","")+50)*0.1);
document.getElementById('backi').style.top = mymovey+"px";
}
window.setInterval("heartBeat()",1);
</script>
</div>
</div>

<!--左侧漂浮广告入口-->
<div style="width:100px;">
<div style="float:left;">
<div id=backi style="Z-INDEX:2; WIDTH: 100px; POSITION: absolute; left:2px;">
<a target="_blank" href="http://www.ybkzb888.com" ><img src="/templets/default/images/111.png" width="100" height="300"></a>
<img src="/templets/default/images/123.jpg" width="100" height="100"><br>
<img src="/templets/default/images/mr.png" onclick="dzp()" />
</div>
<script language="JavaScript1.1">
function heartBeat(){
diffY=GetScrollTop();
mymovey += Math.floor((diffY-document.getElementById('backi').style.top.replace("px","")+50)*0.1);
document.getElementById('backi').style.top = mymovey+"px";
}
window.setInterval("heartBeat()",1);
</script>
</div>
</div>
<script language="javascript" type="text/javascript">
var w3c = (document.getElementById) ? true : false;
var agt = navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var mymovey = new Number();
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}
function GetScrollTop(){
return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: