第一种方法:
<
div style
=
""
><
a href
=
"
http://www.zzlanwang.cn/cpid.aspx?id=291
"
target
=
"
_blank
"
><
img src
=
"
img/logo.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( " 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 >
< 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 >
第二种方法:
页面<body>下面加如如下一句话
<script language=JavaScript src="js/ad.js"></script>
js代码
var
delta
=
0.08
var collection;
function floaters() {
this .items = [];
this .addItem = function (id,x,y,content)
{
document.write( ' <DIV id= ' + id + ' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left: ' + ( typeof (x) == ' string ' ? eval(x):x) + ' ;top: ' + ( typeof (y) == ' string ' ? eval(y):y) + ' "> ' + content + ' </DIV> ' );
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this .items[ this .items.length] = newItem;
}
this .play = function ()
{
collection = this .items
setInterval( ' play() ' , 10 );
}
}
function play()
{
for ( var i = 0 ;i < collection.length;i ++ )
{
var followObj = collection[i].object;
var followObj_x = ( typeof (collection[i].x) == ' string ' ? eval(collection[i].x):collection[i].x);
var followObj_y = ( typeof (collection[i].y) == ' string ' ? eval(collection[i].y):collection[i].y);
if (followObj.offsetLeft != (document.body.scrollLeft + followObj_x)) {
var dx = (document.body.scrollLeft + followObj_x - followObj.offsetLeft) * delta;
dx = (dx > 0 ? 1 : - 1 ) * Math.ceil(Math.abs(dx));
followObj.style.left = followObj.offsetLeft + dx;
}
if (followObj.offsetTop != (document.body.scrollTop + followObj_y)) {
var dy = (document.body.scrollTop + followObj_y - followObj.offsetTop) * delta;
dy = (dy > 0 ? 1 : - 1 ) * Math.ceil(Math.abs(dy));
followObj.style.top = followObj.offsetTop + dy;
}
followObj.style.display = '' ;
}
}
var theFloaters = new floaters();
// 右面
theFloaters.addItem( ' followDiv1 ' , ' document.body.clientWidth-106 ' , 80 , ' <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> ' );
// 左面
theFloaters.addItem( ' followDiv2 ' , 6 , 80 , ' <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> ' );
theFloaters.play();
// 图片格式调用方法
// <a href=http://www.makewing.com/lanren/ target=_blank><img src=images/ad_100x300.jpg border=0></a>
// flash格式调用方法
// <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED>
var collection;
function floaters() {
this .items = [];
this .addItem = function (id,x,y,content)
{
document.write( ' <DIV id= ' + id + ' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left: ' + ( typeof (x) == ' string ' ? eval(x):x) + ' ;top: ' + ( typeof (y) == ' string ' ? eval(y):y) + ' "> ' + content + ' </DIV> ' );
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this .items[ this .items.length] = newItem;
}
this .play = function ()
{
collection = this .items
setInterval( ' play() ' , 10 );
}
}
function play()
{
for ( var i = 0 ;i < collection.length;i ++ )
{
var followObj = collection[i].object;
var followObj_x = ( typeof (collection[i].x) == ' string ' ? eval(collection[i].x):collection[i].x);
var followObj_y = ( typeof (collection[i].y) == ' string ' ? eval(collection[i].y):collection[i].y);
if (followObj.offsetLeft != (document.body.scrollLeft + followObj_x)) {
var dx = (document.body.scrollLeft + followObj_x - followObj.offsetLeft) * delta;
dx = (dx > 0 ? 1 : - 1 ) * Math.ceil(Math.abs(dx));
followObj.style.left = followObj.offsetLeft + dx;
}
if (followObj.offsetTop != (document.body.scrollTop + followObj_y)) {
var dy = (document.body.scrollTop + followObj_y - followObj.offsetTop) * delta;
dy = (dy > 0 ? 1 : - 1 ) * Math.ceil(Math.abs(dy));
followObj.style.top = followObj.offsetTop + dy;
}
followObj.style.display = '' ;
}
}
var theFloaters = new floaters();
// 右面
theFloaters.addItem( ' followDiv1 ' , ' document.body.clientWidth-106 ' , 80 , ' <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> ' );
// 左面
theFloaters.addItem( ' followDiv2 ' , 6 , 80 , ' <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> ' );
theFloaters.play();
// 图片格式调用方法
// <a href=http://www.makewing.com/lanren/ target=_blank><img src=images/ad_100x300.jpg border=0></a>
// flash格式调用方法
// <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED>