<>强效果如下:
<强>代码如下:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;风格类型=" text/css "比;
ul,李{填充:0;保证金:0;}
李{list-style:没有;}
.box {
宽度:800 px;
身高:450 px;
保证金:50 px汽车;
溢出:隐藏;
位置:相对;
}
.box跨度{
宽度:40像素;
高度:60 px;
显示:块;
位置:绝对的;
前:225像素;
margin-top: -20 px;
光标:指针;
z - index: 1;
}
.box #{离开
背景:url (http://cdn.attach.qdfuns.com/notes/pics/201701/14/042311cbd7gbjd7sggkd2b.png)不再重演;
左:0;
}
正确.box # {
背景:url (http://cdn.attach.qdfuns.com/notes/pics/201701/14/042241w8z4hx4m4pjhyjzs.png)不再重演;
右:0;
}
#{广告
宽度:4000 px;
身高:450 px;
位置:绝对的;
}
李#广告{
浮:左;
}
& lt;/style>
& lt;脚本type=" text/javascript祝辞
窗口。onload=function () {
var广告=. getelementbyid(“广告”);
var计时器=零;//管理定时器
var领袖=0;//1秒之后再开启定时器
计时器=setTimeout(函数(){
计时器=setInterval (autoAd 30);
}，1000）;//开启定时器
函数autoAd () {
领导者-=5;
leader<=-3200 & # 63;领导人=0:领袖;
ad.style。左=领袖+“px”;
}//鼠标划入关闭定时器
广告。onmouseover=function () {
clearInterval(计时器);
}//鼠标离开开启定时器
广告。onmouseout=function () {
计时器=setInterval (autoAd 20);
}
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; div类="盒子"比;
& lt; ul id="广告"比;
& lt; li> & lt; img src=" http://cdn.attach.qdfuns.com/notes/pics/201701/14/042153lscsitwp7sszb6zs.jpg " alt="祝辞& lt;/li>
& lt; li> & lt; img src=" http://cdn.attach.qdfuns.com/notes/pics/201701/14/042152pfbkbfe8vbtvulfu.jpg " alt="祝辞& lt;/li>
& lt; li> & lt; img src=" http://cdn.attach.qdfuns.com/notes/pics/201701/14/042153u3jgn0ds43ndd3dz.jpg " alt="祝辞& lt;/li>
& lt; li> & lt; img src=" http://cdn.attach.qdfuns.com/notes/pics/201701/14/042152juuohne22z60hbsb.jpg " alt="祝辞& lt;/li>
& lt; li> & lt; img src=" http://cdn.attach.qdfuns.com/notes/pics/201701/14/042153lscsitwp7sszb6zs.jpg " alt="祝辞& lt;/li>
& lt;/ul>
& lt;跨越id=白蟆北?& lt;/span>
& lt;跨度id=罢贰钡淖４? lt;/span>
& lt;/div>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
