带关闭按钮的页面漂浮的代码(IE/FF)
2009-09-01 18:34
239 查看
带关闭按钮的页面漂浮的代码,兼容火狐和IE,只需要把Javascript代码中的图片地址和链接地址改成你自己的就可以用了,另外总体大小可以自己设置,还有漂浮的速度。如果你有Javascript基础,还可以对其代码修改创新,达到别的效果。
<!--漂浮广告开始-->
<script type="text/javascript">
function hidead()
{document.getElementById("ad").style.display="none";}
</script>
<div id="ad" style="position:absolute">
<a href="http://www.jsweb8.cn">
<img src="http://www.ileader.com.cn/images/movedad1.jpg" width="260" border="0">
</a>
<DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭×</DIV></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 1
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
<!--漂浮广告结束-->
【提示:你可以先修改代码再点击运行】
相关文章推荐
- 兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
- 在页面预览客户端本地图片的js代码(兼容FF IE)
- 网页窗口关闭前进行提示(适用于IE和FF, 标题栏的X关闭按钮)
- 浮动窗口代码(带关闭按钮+全屏漂浮)
- 浮动窗口代码(带关闭按钮+全屏漂浮)
- 在页面预览客户端本地图片的js代码(兼容FF IE)
- JS带关闭按钮的网页漂浮广告代码
- Javascript实现带关闭按钮的网页漂浮广告代码
- 网页窗口关闭前进行提示(适用于IE和FF, 标题栏的X关闭按钮)
- iframe页面调用高度自适应方法代码,兼容IE,FF
- 网页设计 页面自动关闭代码(无需使用按钮点击关闭)
- 关闭页面代码和弹出窗口,出现确定,取消按钮+执行
- js 漂浮广告代码(支持一个页面多次使用,其中一个带关闭功能哦!^^)
- 兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
- Javascript实现带关闭按钮的网页漂浮广告代码
- 黄聪:浮动窗口代码(带关闭按钮+全屏漂浮)
- JS关闭窗口或JS关闭页面的几种代码
- JS关闭窗口或JS关闭页面的几种代码
- js实现的定时关闭页面或定时提醒效果代码