本帖最后由 灰儿 于 2011-1-1 13:14 编辑  
 
大家都看过那些大网站上那些飘浮的广告了吧, 
代码(1)如下: 
- <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ;
 
 - LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-900);
 
 - BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ;
 
 - TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-580); TEXT-ALIGN: center">
 
 - <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"> <object
 
 - align="baseline" classid="CLSID:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6" height="10"
 
 - id="pthl" style="LEFT: 0px; TOP: 2px" width="10" border="0">
 
 - <param name="Autostart" value="-1">
 
 - <param name="Bounce" value="-1">
 
 - <param name="Direction" value="0">
 
 - <param name="Duration" value="20">
 
 - <param name="Repeat" value="-1">
 
 - <param name="Target" value="JPG1">
 
 - <param name="Relative" value="0">
 
 - <param name="TimerInterval" value="0.1">
 
 - <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 //层移动的时间间隔,单位为毫秒,值越小移动速度越快 
 |   
 
  
 |