标题:滚动图片怎么可以首尾相连
只看楼主
suoyuan888
Rank: 2
等 级:论坛游民
帖 子:58
专家分:16
注 册:2009-8-24
结帖率:92.86%
已结贴  问题点数:20 回复次数:7 
滚动图片怎么可以首尾相连
有八张图片,要他们从右向左轮流显示出来,我用的是
<marquee  direction="left" onmousemove="stop()" onmouseout="start()">
<img src="images/logo1.jpg" width="150" height="50" /> &nbsp; <img src="images/logo2.jpg" width="150" height="50" />&nbsp; <img src="images/logo3.jpg" width="150" height="50" />&nbsp; <img src="images/logo4.jpg" width="150" height="50" />&nbsp; <img src="images/logo5.jpg" width="150" height="50" />&nbsp; <img src="images/logo6.jpg" width="150" height="50" />
</marquee>
但是执行第遍的时候,总是第一遍的最后一张走到最左边,第二遍才开始,有什么办法能使第二遍的首张图片接上第一遍的末张呢
用 marquee 能实现吗
而且只要当鼠标放在图片所在的行,图片就停止滚动,我想要的效果是,只有放在图片上的时候才停止。

[ 本帖最后由 suoyuan888 于 2009-8-27 17:00 编辑 ]
搜索更多相关主题的帖子: 滚动 首尾相连 
2009-08-27 16:53
suoyuan888
Rank: 2
等 级:论坛游民
帖 子:58
专家分:16
注 册:2009-8-24
得分:0 
版主,这怎么回事啊,我写的时候明明不是上面的这种格式啊,怎么提交之后变的这么乱呢? 看来 您看的要费点事了...
2009-08-27 16:56
suoyuan888
Rank: 2
等 级:论坛游民
帖 子:58
专家分:16
注 册:2009-8-24
得分:0 
为什么有人路过,没人作答,是因为不愿伸出您高贵的手,还是真的力不从心,希望得到大家的帮助,可能对某些人来说,很简单,但我来说,确实困难,此刻急需此效果,望路过的朋友给予帮助,万分感谢!
2009-08-28 08:54
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
得分:5 
光是marquee是不可能首尾连接的
需要js进行判断宽度、位置等参数
网上很多例子 百度一下“不间断滚动”之类的 应该很多出来
2009-08-28 10:52
孤独冷雨
Rank: 10Rank: 10Rank: 10
来 自:安徽滁州
等 级:贵宾
威 望:23
帖 子:1246
专家分:1909
注 册:2007-6-4
得分:15 
   
    <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>

这里有男女系列成人用品,有时间兄弟们来看一看.
51za.
2009-08-28 14:06
suoyuan888
Rank: 2
等 级:论坛游民
帖 子:58
专家分:16
注 册:2009-8-24
得分:0 
回复 5楼 孤独冷雨
孤独大哥,感谢您,不过很可惜您的代码运行不了啊,从您的代码来看,应该是一个从数据库里读新闻的模块吧?一是我没有数据库,二是我没太看懂中间的一些代码,不过,仍然感谢您,至少最后的<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>
2009-08-28 16:22
suoyuan888
Rank: 2
等 级:论坛游民
帖 子:58
专家分:16
注 册:2009-8-24
得分:0 
问题解决
感谢 aspic的提示、孤独冷雨的代码。
2009-08-28 16:27
睫毛下的伤城
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2012-5-26
得分:0 
我现在马上急需,可以给我发个代码过来吗?
2012-05-26 20:43



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-283869-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025332 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved