如何在网页中一部分内实现图片自动滚动

[liu847774415]

在网上看的都是一些单独的无缝滚动的代码，都是直接在一个网页上写在一个BODY内的，我现在不知道如何在网页一个小部分的div内实现图片滚动，求大牛指点一下啊，不胜感激。
现在我有的该部分的代码是这些：
<div id="right_content">
<h2>标题 <div class="read_more_link"> <a href="home.html">MORE</a> </div> </h2>
<div class="products_box">
<div id=demo style="overflow:hidden;width:480px;height:100px;border:2px solid #e0e0e0;padding:2px;" onMouseOver="stopscroll();" onMouseOut="doscroll()">
<div id="demo1" style="white-space:nowrap;padding:0;">
<a href="details.html"><img src="images/box_icon.gif" width="70" height="80" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/bullet.gif" width="70" height="80" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/clock.gif" width="70" height="80" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/clock.png" width="70" height="80" alt="pic" title="pic" class="gallery" /></a>
<a href="details.html"><img src="images/contact_icon.gif" width="70" height="80" alt="pic" title="pic" class="gallery" /></a>

</div>
</div>
</div>
</div>
<script>
var t=demo.scrollWidth
demo1.innerHTML+=demo1.innerHTML
function doMarquee()
{
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth
}
function doscroll()
{
sc=setInterval(doMarquee,20)
}
function stopscroll()
{
clearInterval(sc)
}
doscroll()
</script>

[slwsss]

你这段不是可以用了？

[liu847774415]

这段只是单独的新建一个HTML网页可以用，但是我想在一个网页的一部分应用这种效果，这段代码添加后没有反应呢。

[mjb001]

图片滚动代码： 可以直接存成一个asp文件，在首页调用。 <div id=demop style="height:393px;width:254px; overflow:hidden; margin:0px auto;"> <div id=demop1> <div align="center"> <% sql="Select * from news where BigClassID=50 and D_Picture<>null and D_Picture like '%.jpg' order by id DESC" set rs=server.CreateObject("ADODB.Recordset") rs.open sql,conn,1,1 while (not rs.Eof) %> <br> <a href="news/<%=rs("c_filepath")%>" target="_blank"><img src="<%=rs("D_Picture")%>" alt="<%=rs("Title")%>" width="254" height="140" border="0" /></a> <a href="news/<%=rs("c_filepath")%>" target="_blank"><%=strLeft(rs("Title"),20)%></a> <% rs.movenext wend rs.close %> </div> </div> <div id=demop2></div> <script> var speedp=50 demop2.innerHTML=demop1.innerHTML function Marqueep(){ if(demop2.offsetTop-demop.scrollTop<=0) demop.scrollTop-=demop1.offsetHeight else{ demop.scrollTop++ } } var MyMarp=setInterval(Marqueep,speedp) demop.onmouseover=function() {clearInterval(MyMarp)} demop.onmouseout=function() {MyMarp=setInterval(Marqueep,speedp)} </script> </div>

[mjb001]

我这个是向上无缝滚动的，还有向左的，看你要什么了。

[liu847774415]

引用 4 楼 mjb001 的回复:

我这个是向上无缝滚动的，还有向左的，看你要什么了。

我想要个向左滚动的，麻烦大神再给贴一个吧，还有就是下面这段代码不明白什么意思，还请大神指点迷津。 <% sql="Select * from news where BigClassID=50 and D_Picture<>null and D_Picture like '%.jpg' order by id DESC" set rs=server.CreateObject("ADODB.Recordset") rs.open sql,conn,1,1 while (not rs.Eof) %> <br> <a href="news/<%=rs("c_filepath")%>" target="_blank"><img src="<%=rs("D_Picture")%>" alt="<%=rs("Title")%>" width="254" height="140" border="0" /></a> <a href="news/<%=rs("c_filepath")%>" target="_blank"><%=strLeft(rs("Title"),20)%></a> <% rs.movenext wend rs.close %>

[liu847774415]

怎么没人来给指教一下啊、

[liu847774415]

求大神给说一下啊，不胜感激。