注册 登录
编程论坛 ASP技术论坛

图片滚动

青年求知 发布于 2008-12-10 18:23, 1141 次点击
图片不间断的向上滚动,当第一张快消失时,又在后面滚动上来。 用<marquee>的话,是一起消失然后再出现.  所以我想请问各位高手这该怎么实现?
5 回复
#2
sjzfls2008-12-10 18:26
在 摆度 搜索 "图片不间断无缝滚动" 解决代码很多的~~
#3
孤独冷雨2008-12-11 17:37
<div id=demo style="overflow:hidden;width:800px;height:158px;">
      <table align=left cellpadding="0" cellspace="0" border=0>
        <tr>
          <td id=demo1 valign=top>
          <table width="800" height="155" border="0" align="left" cellpadding="0" cellspacing="0">
              <% set rs=server.CreateObject("adodb.recordset")
     sql="select * from news where len(firstImageName)>5 and cataid=51 order by id desc"
     rs.open sql,constr,1,1
     if not (rs.bof and rs.eof ) then
      %>
              <tr>
                <%  for i=1 to rs.recordcount %>
                <td align="center" valign="middle" width="180" height="155">
                <table width="180" border="0" cellspacing="0" cellpadding="0" class="line">
  <tr>
    <td height="130" align="center" valign="middle"><a href="new_show.asp?id=<%=rs("id")%>" target="_blank"><img src="admin/eWebEditor/UploadFile/<%=rs("firstImageName")%>" width="170" height="120" border="0"></a></td>
  </tr>
  <tr>
    <td height="23" align="center" valign="middle" bgcolor="#EBEBEB"><%=left(rs("title"),10)%></td>
  </tr>
</table>

                      </td>
                <% rs.movenext
             if rs.eof then exit for
             next
             end if
             rs.close
             set rs=nothing
              %>
              </tr>
          </table></td>
          <td id=demo2 valign=top></td>
        </tr>
      </table>
     </div>
         <script>
  var speed=15
  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>
#4
laokui2008-12-15 14:07
楼上写的很好
#5
lishizhong_8992008-12-16 12:30
回复
以下是引用孤独冷雨在2008-12-11 17:37的发言:

<div id=demo style="overflow:hidden;width:800px;height:158px;">
      <table align=left cellpadding="0" cellspace="0" border=0>
        <tr>
          <td id=demo1 valign=top>
          <table wid ...

不错呀,很好!
#6
lackyking2008-12-16 13:34
http://www.

看看这个多种特效无缝滚动JS,相信你会喜欢上它的。
1