（JavaScript）浮动广告代码

//浮动广告代码
var x = 50,y = 60;    //设置元素在浏览器窗口中的初始位置
var xin = true, yin = true; //设置xin、yin用于判断元素是否在窗口范围内
var step = 1 ;     //可设置每次移动几像素
var obj=document.getElementById("Ad"); //通过id获取div元素
function floatAd() {
var L=T=0;
var R= document.body.clientWidth-obj.offsetWidth;
//浏览器的宽度减div对象占据的空间宽度就是元素可以到达的窗口最右边的位置
var B = document.body.clientHeight-obj.offsetHeight;
obj.style.left = x + document.documentElement.scrollLeft;
//设置div对象的初始位置
//当没有拉到滚动条时，document.body.scrollTop的值是0
//当拉到滚动条时，为了让div对象在屏幕中的位置保持不变，就需要加上滚动的网页的高度
obj.style.top = y + document.documentElement.scrollTop;
x = x + step*(xin?1:-1);//水平移动对象，每次判断左移还是右移
if (x < L) { xin = true; x = L;}
if (x > R){ xin = false; x = R;}
//当div移动到最右边，x大于R时，设置xin = false
//让x每次都减1，即向左移动，直到x< L时，再将xin的值设为true，让对象向右移动
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T; }
if (y > B) { yin = false; y = B;}
}
var itl= setInterval("floatAd()", 10) //每隔10毫秒执行一次floatAd()
obj.onmouseover=function(){clearInterval(itl)}
//鼠标滑过时，让漂浮广告停止
obj.onmouseout=function(){itl=setInterval("floatAd()", 10)}
//鼠标离开时，继续移动

博主一段时间之后会更新如何制作整个网页以及所有相关的代码，还有PHP admin的数据库增删查改，需要资源的朋友请评论留言+关注我~

（JavaScript）浮动广告代码相关推荐

标准网页两侧浮动广告代码支持FF及IE
点击这里使用RSS订阅本Blog:网页两侧浮动广告代码经测试支持IE.Firefox等浏览器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
javascript经典广告代码.rar
javascript经典广告代码.rar 转载于:https://www.cnblogs.com/hayden/archive/2009/07/31/1535749.html
JavaScript浮动广告
js的浮动广告代码,复制就能用自己修改图片的地址 <html> <head><meta charset="utf-8"><title&g ...
php页面浮动窗口代码,JavaScript浮动广告窗口实例
浮动广告窗口浮动广告窗口 #mydiv{ width:100px; height:100px; background:#f00; } #content{ text-align:center; } # ...
js 让鼠标右下角有一排小字_JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
左右两侧浮动广告代码
 <script language="JavaScript"> function closefloaters(id) { ...
可关闭与最小化的右下角浮动广告代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
浮动广告代码在网页两侧
<script language="javascript"> self.onError = null; currentX = currentY = 0; whichIt ...
php添加浮动广告,漂浮广告是什么？漂浮广告如何设置
在上一篇文章中甲爪联盟有简短的提到了漂浮广告!漂浮广告在广告联盟中网站主和目前互联网网页广告运营的比较多,并且从效果来看漂浮广告也是非常不错的!但是个可能个别的站长对漂浮广告了解不够深,或者不知道怎么 ...
Js浮动广告效果实现
第一种漂浮广告不符合W3CJavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了.希望站长朋友喜欢. <html> <head> <ti ...

（JavaScript）浮动广告代码

博主一段时间之后会更新如何制作整个网页以及所有相关的代码，还有PHP admin的数据库增删查改，需要资源的朋友请评论留言+关注我~

（JavaScript）浮动广告代码相关推荐

最新文章

热门文章