Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS悬浮广告代码的简单例子

JS悬浮广告代码的简单例子

发布时间:2015-03-12   编辑:www.jquerycn.cn
分享一例简单的悬浮广告代码,js实现的,相当简单,适合新手朋友参考下,有需要的朋友可以看看。

本节内容:
js实现的悬浮广告代码

例子:

1,js脚本部分
 

复制代码 代码示例:
<script>
lastScrollY=0;
function heartBeat(neryid){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}   
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById(neryid).style.top=parseInt(document.getElementById(neryid).style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
function hidethis(neryid){
document.getElementById(neryid).style.visibility="hidden";
}
window.setInterval("heartBeat('goods')",1);
</script>

2,html部分
 

复制代码 代码示例:
<div id="goods" style="width:50px; height:300px; position:absolute; background-color:yellow; right: 10px; top: 200px;">
jquery中文网提示:此处旋转内容,然后测试悬浮广告的效果。
</div>

您可能感兴趣的文章:
JS右下角悬浮广告代码的简单示例
JS悬浮广告代码的简单例子
js、jQuery设置悬浮广告的代码
js 两侧悬浮广告的简单示例代码
js 左右悬浮广告的实例代码
JS悬浮移动窗口(悬浮广告)的特效代码
js漂浮广告代码示例
js左右悬浮广告(兼容谷歌)的实例代码
js全屏漂浮广告代码 移入光标停止移动
网页右侧漂浮广告窗口的js代码

[关闭]