找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 飘浮广告代码

飘浮广告代码

灰儿 2008-3-10 09:31:13
本帖最后由 灰儿 于 2011-1-1 13:14 编辑

大家都看过那些大网站上那些飘浮的广告了吧,
代码(1)如下:
  1. <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ;
  2. LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-900);
  3. BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ;
  4. TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-580); TEXT-ALIGN: center">
  5. <A href=http://www.shfq.com/ad/ target=_blank>
  6. <IMG alt=广告 src=http://www.shfq.com/ad/ad.gif name="JPG1"
  7. style="LEFT: 700px; POSITION: absolute; TOP: 500px" width="88" height="31"> <object
  8. align="baseline" classid="CLSID:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6" height="10"
  9. id="pthl" style="LEFT: 0px; TOP: 2px" width="10" border="0">
  10. <param name="Autostart" value="-1">
  11. <param name="Bounce" value="-1">
  12. <param name="Direction" value="0">
  13. <param name="Duration" value="20">
  14. <param name="Repeat" value="-1">
  15. <param name="Target" value="JPG1">
  16. <param name="Relative" value="0">
  17. <param name="TimerInterval" value="0.1">
  18. <param name="Shape" value="polyline(208,400,220,210,500,830,200,300,540,200,350,800,250)" target="_blank"></A></DIV>
复制代码
   <A href=http://www.shfq.com/ad/ target=_blank>
<IMG alt=广告 src=
http://www.shfq.com/ad/ad.gif name="JPG1"
style="LEFT: 700px; POSITION: absolute; TOP: 500px" width="88" height="31">
     其实此段代码就是用我们以前讲到的图片悬浮代码,然后后面跟了一段让悬浮图片到处跑的代码而已,上面红色部分替换成你需要链接的网站,蓝色部分替换成你图片的URL地址。绿色的数字88和31替换成你图片的大小(是象素哦),数字不对的话,图片将变形啊。紫色的这串数字是飘浮图片运动的坐标

代码(2)如下:
<!--图片漂浮广告代码开始-->
<div id="pf_ad" style="position:absolute">
<!--链接地址--><a HREF="http://www.shfq.com/ad/" target="_blank">
<!--图片地址--><img src="http://www.shfq.com/ad/pic/xymxh.gif" border="0">
</a>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("pf_ad")
function floatpf_ad() {
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("floatpf_ad()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatpf_ad()", delay)}
</script>
<!--图片漂浮广告代码结束-->

注释:
var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快

您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。