日期:2014-05-20  浏览次数:20504 次

请问页面上那种循环播放图片的功能是怎么实现的?
就像这个样子:
http://news.qq.com/photo.shtml

其后台是如何管理的,就是如何更换图片及说明文字的?
是不是有现成的控件可以用还是要全部自己写代码?
多谢!

------解决方案--------------------
<div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>

<tr>

<td id=demo1 valign=top>

<img src= "images/link/flashempire.gif ">

<img src= "images/linklogo/shlogo.gif ">

<img src= "images/link/deskcity.gif ">

<img src= "images/linklogo/5dmeng.gif ">

<img src= "http://www.blueidea.com/logo.gif ">

<img src= "images/link/flashskylogo.gif ">

<img src= "images/link/5dlogo88.gif ">

<img src= "http://www.yiiboo.com/cgercn/link.gif ">

<img src= "images/flash8.gif ">

</td> <td id=demo2 valign=top> </td> </tr> </table>

</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft <=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>