您当前的位置:首页 > 养生 > 内容

网页特效”漂浮广告代码”?html漂浮特效代码

网页特效”漂浮广告代码”漂浮广告代码 代码如下《div id=“ad“ style=“position:absolute“》《a href=“《img src=“《/a》《/div》 《script》 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 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》把上面的代码放在需要放置广告的页面HTML代码的《body》《/body》之间-----上面的代码说明-------var x = 50,y = 60 //浮动层的初始位置,值越小移动速度越快html漂浮特效代码网上搜网页漂浮特效,值越大移动速度越快 var delay = 10 //层移动的时间间隔,单位为毫秒,分别对应层的初始X坐标和Y坐标 var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,实现原理也很简单《div style=“width:100px; height:100px; position:fixed; z-index:99; left:0; top:50%; margin-top:-50px;“》内容《/div》JS对联广告代码初级《!DOCTYPE html》《html lang=“en“》《head》《meta charset=“UTF-8“》《title》对联广告《/title》《style》#leftFloat{width: 200px;height: 280px;background-color: red;position: fixed;left: 0px;/*IE6兼容*/_position:absolute;_top:expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeigh)/2);}JS广告代码在网页中要放图片的位置加入这一段代码:《script language=“javascript“ src=“ad.js“》《/script》ad.js内容如下://广告图片var mqycn_ad_img=“img/ad.gif“;//广告连接var mqycn_ad_href=“var mqycn_outhtml;mqycn_outhtml=“《a href=\““+mqycn_ad_href+“\“ target=\“_blank\“》“;mqycn_outhtml+=“《img src=\““+mqycn_ad_img+“\“ width=\“468\“ height=\“60\“ style=\“border:none\“》《/a》“;document.write(mqycn_outhtml);,xin为真是层向右移动,yin为真是层向下移动,否则向上 var step = 1 //层移动的步长。

网页特效”漂浮广告代码”

漂浮广告代码 代码如下《div id=“ad“ style=“position:absolute“》《a href=“《img src=“《/a》《/div》 《script》 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 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》把上面的代码放在需要放置广告的页面HTML代码的《body》《/body》之间-----上面的代码说明-------var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标 var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上 var step = 1 //层移动的步长,值越大移动速度越快 var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快

html漂浮特效代码

网上搜网页漂浮特效,一大堆,实现原理也很简单《div style=“width:100px; height:100px; position:fixed; z-index:99; left:0; top:50%; margin-top:-50px;“》内容《/div》

JS对联广告代码初级

《!DOCTYPE html》《html lang=“en“》《head》《meta charset=“UTF-8“》《title》对联广告《/title》《style》#leftFloat{width: 200px;height: 280px;background-color: red;position: fixed;left: 0px;/*IE6兼容*/_position:absolute;_top:expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeigh)/2);}

JS广告代码

在网页中要放图片的位置加入这一段代码:《script language=“javascript“ src=“ad.js“》《/script》ad.js内容如下://广告图片var mqycn_ad_img=“img/ad.gif“;//广告连接var mqycn_ad_href=“var mqycn_outhtml;mqycn_outhtml=“《a href=\““+mqycn_ad_href+“\“ target=\“_blank\“》“;mqycn_outhtml+=“《img src=\““+mqycn_ad_img+“\“ width=\“468\“ height=\“60\“ style=\“border:none\“》《/a》“;document.write(mqycn_outhtml);


声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,谢谢。

上一篇: vivonex双屏版多少钱(vivo屏幕留件价有没有条件)

下一篇: 联想笔记本售后维修点(保定的联想电脑售后服务点在什么地方)



猜你感兴趣

推荐阅读

网站内容来自网络,如有侵权请联系我们,立即删除! | 软文发布 | 粤ICP备2021106084号