求在div代码里加入js滚动效果-CSDN论坛

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120 结帖率 43.4%

 <!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div class="colboxcontent">

    <ul>

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>

        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>

        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      </li>

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

    </ul>

  </div>

  <div class="colbtm"></div>

</div>

<!-- {/if} -->

在这段代码里加入从右往左滚动的效果.要求点击图片停止.移开接着滚动.

0 2009-04-24 20:08:31

回复数 36 只看楼主引用举报楼主

⋅分享我做的两段JIRA视频教程（JIRA 在Linux环境） ⋅Jira使用征集 ⋅求一段SQL 更多帖子 关注私信空间博客 xiaojing7 本版专家分：35809 红花 2009年5月 Web 开发大版内专家分月排行榜第一 2009年4月 Web 开发大版内专家分月排行榜第一



<div id="demo" style="overflow:hidden;height:210;width:560;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="indexgd/001.gif" width="143" height="200" /></td>

              <td><img src="indexgd/002.gif" width="143" height="200" /></td>

              <td><img src="indexgd/003.gif" width="143" height="200" /></td>

              <td><img src="indexgd/004.gif" width="143" height="200" /></td>

              <td><img src="indexgd/005.gif" width="143" height="200" /></td>

              <td><img src="indexgd/006.gif" width="143" height="200" /></td>

              <td><img src="indexgd/007.gif" width="143" height="200" /></td>

              <td><img src="indexgd/008.gif" width="143" height="200" /></td>

            </tr>

        </table></td>

        <td id="demo2" valign="top"></td>

      </tr>

    </table>

</div>

<script>

  var speed=8//速度数值越大速度越慢

  document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

  function Marquee(){

      if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)

        document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth

      else{

        document.getElementById("demo").scrollLeft++

      }

  }

  var MyMar=setInterval(Marquee,speed)

  demo.onmouseover=function(){clearInterval(MyMar)}

  demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

</script>

0 2009-04-24 20:19:58

只看TA 引用举报 #1 得分 0

chenxhcc 本版专家分：120: 你在啊。我加进去不行啊。

0 2009-04-24 20:27:39

只看TA 引用举报 #2 得分 0

⋅OYE Build工具实现与应用 ⋅OYE - AMD模块化开发思想的实现原理及应用 ⋅JSLab带你进入WEB APP的世界 更多帖子 关注私信空间博客 dh20156 本版专家分：44707 红花 2005年11月 Web 开发大版内专家分月排行榜第一 黄花 2007年6月 Web 开发大版内专家分月排行榜第二: 参见：

dhScroll Ver2.0.0 左右横向无缝滚动

 多功能TabStrip MagicSwitch

0 2009-04-24 20:32:25

只看TA 引用举报 #3 得分 0

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120: http://hero2009.csdn.net/

我要象上面的地址中。精彩照片栏目里的效果。滚动时永远不留空白

0 2009-04-24 20:42:46

只看TA 引用举报 #4 得分 0

chenxhcc 本版专家分：120: 谁帮我直接弄好啊.我直接复制就行了.呵~ 在线等哦.

0 2009-04-24 20:54:24

只看TA 引用举报 #5 得分 0

⋅分享我做的两段JIRA视频教程（JIRA 在Linux环境） ⋅Jira使用征集 ⋅求一段SQL 更多帖子 关注私信空间博客 xiaojing7 本版专家分：35809 红花 2009年5月 Web 开发大版内专家分月排行榜第一 2009年4月 Web 开发大版内专家分月排行榜第一



 <!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div class="colboxcontent">

    <ul>

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>

	  <marquee direction=right scrollamount=2 scrolldelay=90 width="100%"> 

        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>

	   </marquee>

        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      </li>

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

    </ul>

  </div>

  <div class="colbtm"></div>

</div>

<!-- {/if} -->

0 2009-04-24 20:55:12

只看TA 引用举报 #6 得分 0

chenxhcc 本版专家分：120: 不行.图片都立起来了

0 2009-04-24 20:58:29

只看TA 引用举报 #8 得分 0

chenxhcc 本版专家分：120: 方便的话,我给传到网上您看下效果.

0 2009-04-24 21:01:35

只看TA 引用举报 #9 得分 0

chenxhcc 本版专家分：120: 按第一种方法往里套代码试试?

0 2009-04-24 21:02:21

只看TA 引用举报 #10 得分 0

⋅[散分]aasddsasda的JS俄罗斯方块全解释 ⋅从jQuery看JavaScript ⋅论当下面试对剑宗的不利因素 更多帖子 关注私信空间博客 natineprince 本版专家分：14290 蓝花 2009年5月 Web 开发大版内专家分月排行榜第三

<html>

<script src="jquery-1.3.2.js"></script>

<body onload=""> 

<!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div class="colboxcontent">

    <ul>

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>

      <marquee direction=left scrollamount=2 scrolldelay=90 width="100%" onMouseOver="stop()" onMouseOut="start()"> 

        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>

       </marquee>

        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      </li>

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

    </ul>

  </div>

  <div class="colbtm"></div>

</div>

<!-- {/if} --> 



</body>

</html>

你说的都立起来是什么意思啊?

0 2009-04-24 21:11:42

只看TA 引用举报 #11 得分 0

chenxhcc 本版专家分：120: 就是应该是横着的图片一个一个的. 结果给竖着了.呵~

0 2009-04-24 21:14:54

只看TA 引用举报 #12 得分 0

⋅[散分]aasddsasda的JS俄罗斯方块全解释 ⋅从jQuery看JavaScript ⋅论当下面试对剑宗的不利因素 更多帖子 关注私信空间博客 natineprince 本版专家分：14290 蓝花 2009年5月 Web 开发大版内专家分月排行榜第三

<html>

<script src="jquery-1.3.2.js"></script>

<body onload=""> 

<!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div class="colboxcontent">

    <ul>      

<marquee direction=left scrollamount=2 scrolldelay=90 width="100%" onMouseOver="stop()" onMouseOut="start()"> 

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>



        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      </li>

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

       </marquee>



    </ul>

  </div>

  <div class="colbtm"></div>

</div>

<!-- {/if} --> 



</body>

</html>

这样试试

0 2009-04-24 21:24:02

只看TA 引用举报 #13 得分 0

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120: http://www.web-pifa.com/

我传上去了.看下.滚是开始滚了.但留多大的空白呢? 感觉很难看的样子.

0 2009-04-24 21:27:18

只看TA 引用举报 #14 得分 0

chenxhcc 本版专家分：120: 能不能做到无缝不留白呢?

0 2009-04-24 21:36:11

只看TA 引用举报 #15 得分 0

chenxhcc 本版专家分：120: 那位高人帮助解决下啊。俺苦苦的在网上等着呢

0 2009-04-24 21:41:10

只看TA 引用举报 #16 得分 0

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120



<div id="demo" style="overflow:hidden;height:210;width:560;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="indexgd/001.gif" width="143" height="200" /></td>

              <td><img src="indexgd/002.gif" width="143" height="200" /></td>

              <td><img src="indexgd/003.gif" width="143" height="200" /></td>

              <td><img src="indexgd/004.gif" width="143" height="200" /></td>

              <td><img src="indexgd/005.gif" width="143" height="200" /></td>

              <td><img src="indexgd/006.gif" width="143" height="200" /></td>

              <td><img src="indexgd/007.gif" width="143" height="200" /></td>

              <td><img src="indexgd/008.gif" width="143" height="200" /></td>

            </tr>

        </table></td>

        <td id="demo2" valign="top"></td>

      </tr>

    </table>

</div>

<script>

  var speed=8//速度数值越大速度越慢

  document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

  function Marquee(){

      if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)

        document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth

      else{

        document.getElementById("demo").scrollLeft++

      }

  }

  var MyMar=setInterval(Marquee,speed)

  demo.onmouseover=function(){clearInterval(MyMar)}

  demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

</script>

怎么把这段代码加到我上面的那段代码中呢？

0 2009-04-24 21:43:52

只看TA 引用举报 #17 得分 0

⋅分享我做的两段JIRA视频教程（JIRA 在Linux环境） ⋅Jira使用征集 ⋅求一段SQL 更多帖子 关注私信空间博客 xiaojing7 本版专家分：35809 红花 2009年5月 Web 开发大版内专家分月排行榜第一 2009年4月 Web 开发大版内专家分月排行榜第一: 引用 15 楼 chenxhcc 的回复:
能不能做到无缝不留白呢?

======================
你的是样式表造成的。ul li 这个你设置下！！！

0 2009-04-24 21:52:44

只看TA 引用举报 #18 得分 0

chenxhcc 本版专家分：120: 我不会往放啊。我把你给我的那段代码保存预览感觉不错。就是不知道怎么往里放。

0 2009-04-24 21:55:20

只看TA 引用举报 #19 得分 0

⋅分享我做的两段JIRA视频教程（JIRA 在Linux环境） ⋅Jira使用征集 ⋅求一段SQL 更多帖子 关注私信空间博客 xiaojing7 本版专家分：35809 红花 2009年5月 Web 开发大版内专家分月排行榜第一 2009年4月 Web 开发大版内专家分月排行榜第一: .colboxcontent marquee ul{margin:0px;padding:0px;}

0 2009-04-24 21:58:13

只看TA 引用举报 #20 得分 0

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120

<!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div id="demo" style="overflow:hidden;height:210;width:560;color:#ffffff">

  <div id="demo1" class="colboxcontent">

    <ul>

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>

        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>

        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      </li>

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

    </ul>

  </div>

  <div id="demo2" class="colbtm" valign="top"></div>

</div>

</div>

<script>

  var speed=8//速度数值越大速度越慢

  document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

  function Marquee(){

      if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)

        document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth

      else{

        document.getElementById("demo").scrollLeft++

      }

  }

  var MyMar=setInterval(Marquee,speed)

  demo.onmouseover=function(){clearInterval(MyMar)}

  demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

</script>

0 2009-04-24 22:02:29

只看TA 引用举报 #21 得分 0

chenxhcc 本版专家分：120: 好象没插对的样子。呵呵~

0 2009-04-24 22:03:07

只看TA 引用举报 #22 得分 0

chenxhcc 本版专家分：120: 好,我去试试

0 2009-04-24 22:07:47

只看TA 引用举报 #23 得分 0

chenxhcc 本版专家分：120: 传上去了.看看.好象还和以前一样的样子.

0 2009-04-24 22:14:18

只看TA 引用举报 #24 得分 0

chenxhcc 本版专家分：120: 呼唤高手中......

0 2009-04-24 22:20:32

只看TA 引用举报 #25 得分 0

⋅标红地方循环出来，谢各位大侠了，本人急用！ ⋅求高手，写个循环 ⋅今天做分页，居然出现这个问题？ 更多帖子 关注私信空间博客 shenchendt 本版专家分：677: <DIV id=marquee3 style="OVERFLOW: hidden; WIDTH:920px">
            <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR>
                <TD id=marquee3_1>
                  <TABLE cellSpacing=0 cellPadding=0 width="920px" border=0>
                    <TBODY>
                    <TR >
                      <TD
                      style="PADDING-RIGHT: 2px; PADDING-LEFT:2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><A
                        href="#"><IMG
                        src="uploadfile/1.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT:2px; PADDING-LEFT:2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><A
                        href="#"><IMG
                        src="uploadfile/2.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><a
                        href="#"><img
                        src="uploadfile/3.jpg"
                        width=120 height=80 border="0"
                        class=p></a></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><A
                        href="#"><IMG
                        src="uploadfile/4.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><A
                        href="#"><IMG
                        src="uploadfile/5.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV><A
                        href="#"><IMG
                        src="uploadfile/6.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><A
                        href="#"><IMG
                        src="uploadfile/8.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD>
                      <TD
                      style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">
                        <DIV align="center"><A
                        href="#"><IMG
                        src="uploadfile/7.jpg"
                        width=120 height=80 border="0"
                        class=p></A></DIV>
                        <DIV style="PADDING-TOP: 5px" align="center"><A
                        href="#">校园风采</A></DIV></TD></TR></TBODY></TABLE></TD>
                <TD id=marquee3_2></TD></TR></TBODY></TABLE></DIV>
            <SCRIPT language=javascript>
var marqueeVar3;
document.getElementById('marquee3_2').innerHTML = document.getElementById('marquee3_1').innerHTML;
marqueeVar3 = window.setInterval("marquee(3, 'right')", 20);
document.getElementById('marquee3').onmouseover = function(){window.clearInterval(marqueeVar3);}
document.getElementById('marquee3').onmouseout = function(){marqueeVar3 = window.setInterval('marquee(3, "right")', 20);}

function marquee(i, direction)
{
var obj = document.getElementById("marquee" + i);
var obj1 = document.getElementById("marquee" + i + "_1");
var obj2 = document.getElementById("marquee" + i + "_2");

if (direction == "up")
{
if (obj2.offsetTop - obj.scrollTop <= 0)
{
obj.scrollTop -= (obj1.offsetHeight + 20);
}
else
{
var tmp = obj.scrollTop;
obj.scrollTop++;
if (obj.scrollTop == tmp)
{
obj.scrollTop = 1;
}
}
}
else
{
if (obj2.offsetWidth - obj.scrollLeft <= 0)
{
obj.scrollLeft -= obj1.offsetWidth;
}
else
{
obj.scrollLeft++;
}
}
}
</SCRIPT>

0 2009-04-24 22:48:43

只看TA 引用举报 #26    得分 0

⋅HTML代码在 outlook 中不能正常显示 ⋅ASP.NET 将后台返回得到的JSON 转换为数组 ⋅sqlserver 中使用透明数据加密(Transparent Data Encryption)加密数据库，让你的数据库更加安全 更多帖子 关注私信空间博客 ws_hgo 本版专家分：2077 蓝花 2010年9月 MS-SQL Server大版内专家分月排行榜第三: 不错

0 2009-04-25 07:22:47

只看TA 引用举报 #27 得分 0

⋅您好，遇到技术问题了，socket接收到的数据刷新imageView问题 ⋅类定义带有Class_Initialize事件或Class_Terminate 事件。这些过程有一个或更多的参数。不要给这些过程指定参数。 ⋅得有些年不来csdn了，这里依然还是风尘仆仆…… 更多帖子 关注私信空间博客 lihan6415151528 本版专家分：11943 红花 2009年4月挨踢职涯大版内专家分月排行榜第一 2009年2月挨踢职涯大版内专家分月排行榜第一 2009年1月 Java大版内专家分月排行榜第一 2009年1月挨踢职涯大版内专家分月排行榜第一 2008年12月 Java大版内专家分月排行榜第一 2008年11月 Java大版内专家分月排行榜第一 2008年11月挨踢职涯大版内专家分月排行榜第一 2008年10月 Java大版内专家分月排行榜第一 黄花 2009年6月挨踢职涯大版内专家分月排行榜第二 2009年5月挨踢职涯大版内专家分月排行榜第二 2009年3月挨踢职涯大版内专家分月排行榜第二 2008年12月挨踢职涯大版内专家分月排行榜第二 蓝花 2009年6月 Web 开发大版内专家分月排行榜第三: 无缝滚动，marquee即可
参考http://blog.csdn.net/lihan6415151528/archive/2009/03/19/4003830.aspx

0 2009-04-25 08:03:27

只看TA 引用举报 #28 得分 0

⋅Parsley.js remote验证过了,提交不了表单

⋅街头小贩的留言板

⋅MySql 日期范围查询

更多帖子

关注私信空间博客

街头小贩

本版专家分：79871

版主

技术圈认证 用户完成年度认证，即可获得

签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！

脉脉勋章 绑定脉脉第三方账户获得

铜牌 2013年8月总版技术专家分月排行榜第三

转一个uch的:



function startMarquee(h, speed, delay, sid) {

	var t = null;

	var p = false;

	var o = $(sid);

	o.innerHTML += o.innerHTML;

	o.onmouseover = function() {p = true}

	o.onmouseout = function() {p = false}

	o.scrollTop = 0;

	function start() {

	    t = setInterval(scrolling, speed);

	    if(!p) {

			o.scrollTop += 2;

		}

	}

	function scrolling() {

	    if(p) return;

		if(o.scrollTop % h != 0) {

	        o.scrollTop += 2;

	        if(o.scrollTop >= o.scrollHeight/2) o.scrollTop = 0;

	    } else {

	        clearInterval(t);

	        setTimeout(start, delay);

	    }

	}

	setTimeout(start, delay);

}

html代码:



<ul class="line_list" id="scrollbody" style="height: 250px; overflow:hidden;">



<li><a href="space-1119304.html">领航礼品</a>又往好友的<a href="userapp.php?id=1021978&amp;my_suffix=L3VzZXJhcHAucGhwP2lkPTEwMjE5Nzg%3D" target="_top">《开心农场》</a>里使坏。</li>

<li><a href="space-1118813.html">小天UV灯</a> 正在“<a href="userapp.php?id=1016668&amp;my_suffix=L2luZGV4LnBocA%3D%3D" target="_top">笑傲江湖</a>”里打拼</li>

<li><a href="space-1118813.html">小天UV灯</a> 在 <a href="userapp.php?id=1011554&amp;my_suffix=L2luZGV4LnBocA%3D%3D" target="_top">超级大富翁</a> 中进行了买卖</li>



<li><a href="space-729898.html">中国一号网</a> 在 <a href="userapp.php?id=1011554&amp;my_suffix=L2luZGV4LnBocA%3D%3D" target="_top">超级大富翁</a> 中进行了买卖</li>

<li><a href="space-1125151.html">环球筛网</a> 今天登录<a href="userapp.php?id=1003094&amp;my_suffix=L2luZGV4LnBocA%3D%3D" target="_top">争车位</a>游戏获赠200元游戏币！</li>

<li><a href="space-1125151.html">环球筛网</a> 和 <a href="space-1128136.html">mytaffy</a> 成为了好友</li>



<li><a href="space-1119304.html">领航礼品</a>的勤劳有了回报，TA的<a href="userapp.php?id=1021978&amp;my_suffix=L3VzZXJhcHAucGhwP2lkPTEwMjE5Nzg%3D" target="_top">《开心农场》</a>收获了一批果实。</li>

<li><a href="space-1125151.html">环球筛网</a> 和 <a href="space-361696.html">ovovo</a> 成为了好友</li>

<li><a href="space-1107731.html">zl888</a> 今天登录<a href="userapp.php?id=1003094&amp;my_suffix=L2luZGV4LnBocA%3D%3D" target="_top">争车位</a>游戏获赠200元游戏币！</li>



<li><a href="space-1119292.html">金杉密封</a>又往好友的<a href="userapp.php?id=1021978&amp;my_suffix=L3VzZXJhcHAucGhwP2lkPTEwMjE5Nzg%3D" target="_top">《开心农场》</a>里使坏。</li>

</ul>

<script>startMarquee(250, 60, 0, 'scrollbody');</script>

0 2009-04-25 08:06:22

只看TA 引用举报 #29 得分 0

⋅Parsley.js remote验证过了,提交不了表单

⋅街头小贩的留言板

⋅MySql 日期范围查询

更多帖子

关注私信空间博客

街头小贩

本版专家分：79871

版主

技术圈认证 用户完成年度认证，即可获得

签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！

脉脉勋章 绑定脉脉第三方账户获得

铜牌 2013年8月总版技术专家分月排行榜第三: 对不起！贴错了!

0 2009-04-25 08:09:06

只看TA 引用举报 #30 得分 0

lsd123 本版专家分：120: .

0 2009-04-25 13:25:27

只看TA 引用举报 #31 得分 0

robyjeffding 本版专家分：150: upupup!

0 2009-04-25 13:30:42

只看TA 引用举报 #32 得分 0

chenxhcc 本版专家分：120: 还未解决

0 2009-04-25 13:55:42

只看TA 引用举报 #33 得分 0

chenxhcc 本版专家分：120: 我的天啊。怎么没人回答呢？呵~

0 2009-04-25 14:19:36

只看TA 引用举报 #34 得分 0

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120

<!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div class="colboxcontent">

    <ul>

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>

        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>

        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      </li>

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

    </ul>

  </div>

  <div class="colbtm"></div>

</div>

<!-- {/if} -->

为上面这段代码求图片无缝滚动效果。上面的一些代码留白的不行，还有一些是我不会套用。是否有人帮我修改下上面的这段代码。使上面的这段代码里的图片实现无缝滚动。从左或从左全行。因为图行是左右排行的。

0 2009-04-25 21:25:30

只看TA 引用举报 #35 得分 0

⋅地震后灾区人民新买的房子怎么办？那些贷款买的房子又怎么办？ ⋅谁帮我看下这段代码为啥不滚动?错在那里? ⋅求在div代码里加入js滚动效果 更多帖子 关注私信空间博客 chenxhcc 本版专家分：120

<!-- 首页及商品列表页面团购部分模板 -->

<!-- {if $group_buy_goods.data or $editing} -->

<div id="group_buy" class="colbox">

  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>

  <div class="colboxcontent">















<div id="demo" style="overflow:hidden;height:210;width:560;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>

                  <ul>

      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->

      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->

      <li>

      <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>

      <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>

      < >

      <!-- {/if} -->

      <!-- {/foreach} 团购商品 -->

    </ul>

			

            </tr>

        </table></td>

        <td id="demo2" valign="top"></td>

      </tr>

    </table>

</div>

  </div>

  <div class="colbtm"></div>

</div>

<!-- {/if} -->





<script>

  var speed=8//速度数值越大速度越慢

  document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

  function Marquee(){

      if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)

        document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth

      else{

        document.getElementById("demo").scrollLeft++

      }

  }

  var MyMar=setInterval(Marquee,speed)

  demo.onmouseover=function(){clearInterval(MyMar)}

  demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

</script>

0 2009-05-07 14:03:20

只看TA 引用举报 #36 得分 0

求在div代码里加入js滚动效果 [问题点数：100分，结帖人chenxhcc]