新微赢技术网

标题: 滚动图片怎么可以首尾相连 [打印本页]

作者: 梦aiq逍遥 时间: 2010-1-11 05:23
标题: 滚动图片怎么可以首尾相连
有八张图片，要他们从右向左轮流显示出来，我用的是
<marquee direction="left" onmousemove="stop()" onmouseout="start()">
<img src="images/logo1.jpg" width="150" height="50" />   <img src="images/logo2.jpg" width="150" height="50" />  <img src="images/logo3.jpg" width="150" height="50" />  <img src="images/logo4.jpg" width="150" height="50" />  <img src="images/logo5.jpg" width="150" height="50" />  <img src="images/logo6.jpg" width="150" height="50" />
</marquee>
但是执行第遍的时候，总是第一遍的最后一张走到最左边，第二遍才开始，有什么办法能使第二遍的首张图片接上第一遍的末张呢
用 marquee 能实现吗
而且只要当鼠标放在图片所在的行，图片就停止滚动，我想要的效果是，只有放在图片上的时候才停止。

作者: べ.べ凡士林 时间: 2010-1-11 05:23
版主，这怎么回事啊，我写的时候明明不是上面的这种格式啊，怎么提交之后变的这么乱呢？看来您看的要费点事了...

作者: 尐妖 时间: 2010-1-11 05:23
问题解决
感谢 aspic的提示、孤独冷雨的代码。

作者: √sdf 时间: 2010-1-11 05:23
光是marquee是不可能首尾连接的
需要js进行判断宽度、位置等参数
网上很多例子百度一下“不间断滚动”之类的应该很多出来

作者: 緣妢_兲紸龍 时间: 2010-1-11 05:23
孤独大哥，感谢您，不过很可惜您的代码运行不了啊，从您的代码来看，应该是一个从数据库里读新闻的模块吧？一是我没有数据库，二是我没太看懂中间的一些代码，不过，仍然感谢您，至少最后的<script>...</script>用上了，下面这个能执行了：
<table width=700 border=0 align="center" cellpadding=0 cellspacing=0>
  <tr>
<td><div id=demo style=overflow:hidden;height:126;width:700;color:#ffffff>
   <table align=left cellpadding=0 cellspace=0 border=0>
      <tr>
      <td id=demo1 valign=top><table border=0 cellpadding=0 cellspacing=0>
         <tr>
            <td><img src=images/logo1.jpg width=150 height=100 class=b5 hspace=10 vspace=4></td>
            <td width=10></td>
            <td><img src=images/logo1.jpg width=150 height=100 class=b5 hspace=10 vspace=4></td>
            <td width=10></td>
            <td><img src=images/logo1.jpg width=150 height=100 class=b5 hspace=10 vspace=4></td>
            <td width=10></td>
            <td><img src=images/logo1.jpg width=150 height=100 class=b5 hspace=10 vspace=4></td>
            <td width=10></td>
            <td><img src=images/logo1.jpg width=150 height=100 class=b5 hspace=10 vspace=4></td>
            <td width=10></td>
            <td><img src=images/logo1.jpg width=150 height=100 class=b5 hspace=10 vspace=4></td>
            <td width=10></td>
         </tr>
      </table></td>
      <td id=demo2 valign=top></td>
      </tr>
   </table>
</div>
      <script>
   var speed=10
   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>
</td>
  </tr>
</table>

作者: 生活的成功者 时间: 2010-1-11 05:23
为什么有人路过，没人作答，是因为不愿伸出您高贵的手，还是真的力不从心，希望得到大家的帮助，可能对某些人来说，很简单，但我来说，确实困难，此刻急需此效果，望路过的朋友给予帮助，万分感谢！

作者: 清茶淡水 时间: 2010-1-11 05:23
<div id=demo style="overflow:hidden;width:880px;height:140px;border:1px solid #fff;padding-bottom:2px;">
         <table align=left cellpadding="0" cellspace="0" border=0>
            <tr>
            <td id="demo1" valign=top>
            <table width="1300" height="140" border="0" align="left" cellpadding="2" cellspacing="2">
                  <%
set rs=server.CreateObject("adodb.recordset")
sql="Select top 10 * from news where cataid=25 and len(firstImageName)>5 order by ID desc"
rs.Open sql,conn,1,1

if rs.bof and rs.eof then
response.Write "<tr><td align='center'>暂无图片</td></tr>"
else
   %>
                  <tr>
                  <% for i=1 to 10%>
                  <td align="center" valign="middle" title="<%=rs("title")%>" width="130"><div style="border:solid 1px #CCC; width:100px; padding:4px;"><a href="news_show.asp?id=<%=rs("id")%>" target="_blank"><img src="new/eWebEditor/UploadFile/<%=rs("firstImageName")%>" width="120" height="100" border="0" /></a></div>
                  <div style=" margin-top:2px;">
                  <a href="news_show.asp?id=<%=rs("id")%>" target="_blank" class="tt8">
               <%response.write (left(rs("Title"),6))%>
               <%if len(rs("Title"))>6 then response.Write("...")%></a>


                                 </a>
                  </td>
                  <% rs.movenext
         if rs.eof then exit for
         next
         %>
                  </tr>
                  <%
                     rs.close
                     end if
            %>
            </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>

作者: 斌仔 时间: 2010-3-1 05:05
发贴看看自己积分，呵呵，好像没有LZ的多。

作者: 彬彬有礼 时间: 2010-3-18 08:05
扯淡啊，感觉你在开玩笑啊

欢迎光临新微赢技术网 (http://bbs.weiying.cn/)