效果如下：

代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' utf-8 ' style type=' text/CSS ' ul，Li { padd : 0；保证金： 0；}李{列表式：无；} .盒子{宽度： 800像素高度： 450像素；余量： 50px自动；飞越：隐藏；相对位置：} .盒子跨度{ width: 40px高度： 60px显示器：块；绝对位置：top: 225px边距-top :-20px；光标：指针；z-index : 1；} .框#左{背景： URL(' http://cdn。附上。qd uns。com/notes/pics/201701/14/042311 CBD 7 gbjd 7 sgg kd2b。png ')无重复；左： 0；} .框#右{背景： URL(' http://cdn。附上。qd funs。com/notes/pics/201701/14/042241 w8z 4h x4 M4 pjhyjzs。png ')无重复；右： 0；} # ad { width: 4000px高度： 450像素；绝对位置：} #ad li {左侧浮动：}/样式脚本类型=' text/JavaScript '窗口。onload=function(){ var ad=document。getelementbyid(' ad ')；定义变量计时器=null/管理定时器var leader=0；//1秒之后再开启定时器定时器=setTimeout(函数(){ timer=setInterval(autoAd，30)；},1000);//开启定时器函数AutoAD(){ leader-=5；leader=-3200？leader=0:leaderad。风格。left=leader ' px} //鼠标划入关闭定时器广告。onmouseover=function(){ clearInterval(计时器);} //鼠标离开开启定时器广告。onmouseout=function(){ timer=setInterval(autoAd，20)；} }/script/head body div class=' box ' ul id=' ad ' liimg src=' http :http://cdn。附上。qdfuns。com/notes/pics/201701/14/042153 lscsitw p7 sszb6zs。jpg ' alt='/Li Li img src=' http :http://cdn。附上。qdfuns。com/notes/pics/201700以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！