html5广告悬浮问题

我们在制作网页时经常遇到广告悬浮问题，下面这个html5列子比较简单，但是能够解决问题！！

<！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Transitional // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head >

<title >类似广告悬浮< / title >

.img {

position：absolute;

宽度：100px;

高度：100px;

上：100px;

右：18px;}

</ div >

<脚本类型= “ text / javascript” >

var id = function（i）{return document.getElementById（i）}

var scroll = function（i）{

var space = id（i）.offsetTop;

id（i）.style.top = space +'px';

void function（）{

var goTo = 0;

var roll = setInterval（function（）{

var height = document.documentElement.scrollTop + document.body.scrollTop + space;

var top = parseInt（id（i）.style.top）;

goTo = height-parseInt（（height-top）* 0.9）;

id（i）.style.top = goTo +'px';

}

// else {if（roll）clearInterval（roll）;}

}，12）;

}（）

}

scroll（'sroling'）;

</ script >

</ body >

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h61293.shtml