【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>
<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>
相关文章推荐
- QQ在线客服:缓冲向左弹出的网页右侧边栏Qq客服代码
- 在网页右侧悬浮QQ客服
- 网页右侧悬浮滚动在线qq客服代码示例
- js QQ客服悬浮效果实现代码
- js QQ客服悬浮效果实现代码
- 网页右侧悬浮滚动在线qq客服代码示例
- js学习之——网页侧边栏广告效果
- 网页加入QQ/MSN/SKYPE代码 实现免费在线客服
- 在自己的网页上添加QQ和MSN联系方式
- 才发现的一点点小小技巧(把QQ联系放在网页上的代码)
- 网页中如何添加调用qq或者msn聊天窗口与客服进行互动
- 网页上加上 页浮动广告的一段JS就不管用,是doctype的原因
- CSS简单实现网页悬浮效果(对联广告)
- QQ在线客服代码,飘浮在右侧的QQ客服js特效演示
- [JS代码]用JavaScript实现网页轮换广告效果
- 在网页中加入QQ联系图标
- 网页QQ客服 msn客服
- 网页中添加调用qq或者msn聊天窗口与客服进行互动
- 常用JS网页广告代码
- 网页上浮动的QQ客服代码