html左侧浮动广告代码,纯js网页浮动广告代码

网上一般的网页浮动广告代码都是基于jquery的，受jiquery版本及浏览器限制，非常容易出现不兼容的情况，本站分享一段纯js网页浮动广告代码，简单兼容。

html代码：

javascript代码：

window.οnlοad=function(){

var x=50,y=60;

var xin=true, yin=true;

var step=1;

var delay=10;

var obj=document.getElementById("ad");

function float(){

var L=T=0;

var R=document.documentElement.clientWidth-obj.offsetWidth;

var B =document.documentElement.clientHeight-obj.offsetHeight;

obj.style.left=(x+document.body.scrollLeft||document.documentElement.scrollLeft)+"px";

obj.style.top=(y+document.body.scrollTop||document.documentElement.scrollTop)+"px";

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 flag= setInterval(float, delay)

obj.οnmοuseοver=function(){clearInterval(flag)}

obj.οnmοuseοut=function(){flag=setInterval(float, delay)}

}

html左侧浮动广告代码,纯js网页浮动广告代码相关推荐

html背景边框特效代码,纯JS实现动态边框特效
HtmlCssJs ^-^正常的边框 ^-^更慢的边框 ^-^更快的边框 ^-^图片边框 ^-^更细的边框附赠的圆形 body { flex-wrap:wrap; flex:1 } .flex { ...
百度联盟广告代码php,js 投放联盟广告代码可异步加载百度联盟广告
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收 ...
[JS代码]常用JS网页广告代码
(http://bbs.blueidea.com/thread-2430778-1-1.html) 整理了几个常用的网页广告代码演示地址: http://www.makewing.com/lanre ...
计算器html js php代码,JavaScript计算器网页版实现代码分享
JavaScript网页计算器代码,该计算器是用DW写的! HTML篇计算器 > C ← ± + 7 8 9 - 4 5 6 × 1 2 3 ÷ 0 ▪ ＝ CSS篇 @charset &qu ...
html一个页面分页代码怎么写,纯JS前端实现分页代码
先给大家展示下效果图,如果大家感觉效果不错,请参考实现代码: 因为这是我自己第一次动手用js写分页,写的应该也不是很完美,有些公共的没有抽取出来,但是用起来还是可以的,这块代码是可以把它当做公共的分页 ...
js页面加水印防复制防另存为代码(纯js)
这段代码是给前端页面添加水印的代码..何为水印?是可以显示登录人的姓名也可以定制一些内容等...代码如下: 前提是得引用下面两个js 可以去下载引入 <html> <head> ...
html打赏代码,简单JS弹窗实现打赏代码
JS代码 function pop() { $('body').append(' $('body').append(' 打赏本站微信打赏支付宝打赏 '); $('#tca').click(func ...
网页计算器 html代码原理,HTML网页之计算器代码
计算器网页效果显示:点击这里! function show(){ var date = new Date(); //日期对象 var now = ""; now = date.ge ...
html中滚动代码怎么写,网页HTML滚动代码大全(一)
[HTML代码]会移动的文字(Marquee) Marquee标记用于在可用浏览区域中滚动文本.这个标记只适用于IE3以后的版的浏览器. 格式: BEHAVIOR="-" BGCO ...
html 实现3d效果代码,纯CSS实现3D的代码
一.正方体我认为正方体可以算是3D图像的基础吧,首先正方体是由六个相同的面所组成,其次就需要我们依次构造.(据体构造在代码中) 代码如下: 正方体 .d3{ height:300px; width: ...

html左侧浮动广告代码,纯js网页浮动广告代码

html左侧浮动广告代码,纯js网页浮动广告代码相关推荐

最新文章

热门文章