<html>
<head>
<title>漂浮广告</title>
</head>
<body>
<div id="tip" style="position:absolute">
<img src=234.jpg border="0" width="250" height="100">
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("tip")
function floatTip() {
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("floatTip()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatTip()", delay)}
</script>
</body>
</html>
var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标
var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快
- 大小: 430.8 KB
分享到:
相关推荐
javascript浮动广告代码
js浮动广告代码,四周漂浮的广告代码,用起来很方便。
Javascript浮动广告图片代码,已封装!兼容性强!使用简单!
带关闭按钮的网页漂浮广告代码(全屏漂浮)
49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54:鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...
49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54:鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...
JavaScript实现跟随广告的示例代码 浮动广告是目前网站很常见的一种广告形式,浮动广告能实时跟随用户的浏览,有效的传达产品要表达的意思,达到很好的传播效果。那么浮动广告是怎么实现的呢,其实实现浮动广告并...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种 漂浮广告 不符合标准Js漂浮广告代码,比较经典的浮动广告,到现还很实用,如果你是一位站长的话,这种代码是必备的,希望对你有用处。 漂浮广告 ...
简单、实用的javascript漂浮广告
图片放大特效,浮动广告,弹窗广告,文字滚动,商品秒杀活动等。 1.2开发技术 综合运用HTML+CSS+JavaScript技术。 2.1 系统模块划分 网页的模块主要由主页、栏目页、商品详情页、轮播页、个人信息登录页面、秒杀页、...
带数字导航的横幅广告 无缝垂直向上滚动特效 漂浮广告 设为首页 收藏本站 屏蔽鼠标右键 源代码,效果图
如果有一定的JavaScript基础,制作浮动广告还是比较容易的。直接上代码了: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id=”img” style=”position: absolute; left: 311; top: 815;visibility :hidden;” onmouseover=”clearInterval(interval)” ...
主要介绍了JavaScript实现带缓冲效果的随屏滚动漂浮广告代码,通过JavaScript结合时间函数动态响应页面元素滚动事件实现悬浮广告的缓冲漂浮效果,非常简单实用,需要的朋友可以参考下
js特效脚本含源码和说明jQuery右下角pop弹窗漂浮广告代码本资源系百度网盘分享地址
53:___浮动的图片广告 54:___清爽简洁的图片交替导航效果 55:___用CSS实现图片的双边框效果 56:___禁止在图片上使用右键 57:___竖向图片滚动 58:___纯CSS代码实现的图片列表滚动 59:___纯CSS实现鼠标移上图片添加...
幻灯片播放效果广告代码 首页两侧广告代码 首页两侧可以关闭的广告代码 图片轮换效果广告代码 相框效果代码 有选项卡的广告代码 右下角浮动广告代码 在页面上浮动漂移的广告代码 左右滚动广告代码
主要介绍了JS实现弹性漂浮效果的广告代码,涉及javascript动态操作图片弹性运动效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下