求js图片从左滚动的效果代码

Question

<marquee direction=right height=200 scrollamount=2 scrolldelay=90 width="100%"> 
<a href="http://homepage.yesky.com/"><img border=0 src="http://homepage.yesky.com/imagelist/06/03/ukk13g5y4hnh.gif"></a><br>
<a href="http://homepage.yesky.com/"><img border=0 src="http://homepage.yesky.com/imagelist/06/03/14yiw1100n6t.gif"></a> <br>
<a href="http://homepage.yesky.com/"><img border=0 src="http://homepage.yesky.com/imagelist/06/03/y9ges43gk4v6.gif"></a><br>
</marquee>

Answer 1

LZ请看这里http://www.cnblogs.com/cloudgamer/archive/2008/07/06/1236770.html

Answer 2

不间断向左移动：<base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left 
cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img 
src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img 
src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div> 
<script> 
var speed=30 
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> 
不间断向右
<base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/";> 
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left 
cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img 
src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img 
src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div> 
<script> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
demo.scrollLeft=demo.scrollWidth 
function Marquee(){ 
if(demo.scrollLeft<=0) 
demo.scrollLeft+=demo2.offsetWidth 
else{ 
demo.scrollLeft-- 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script> 

Answer 3

<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>

Answer 4

<div id="groupbuy_list" class="colbox sortlist"> 
  <h3> <span>{$lang.groupbuy_list} </span> </h3> 
  <div id="displaymode"> 
    <p class="quickchanger"> <a href="{$url_extra}&amp;page={$groupbuy_list.info.prev_page}"> <img src="images/btn_page_prev.gif" alt="prev" /> </a> {$groupbuy_list.info.curr_page}/{$groupbuy_list.info.page_count} <a href="{$url_extra}&amp;page={$groupbuy_list.info.next_page}"> <img src="images/btn_page_next_act.gif" alt="" /> </a> </p> 
  </div> 
  <div class="colboxcontent itemgrid"> 
    {foreach from=$groupbuy_list.data item=groupbuy} 
    <dl class="item"> 
      <dt class="pic"> <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$groupbuy.act_id}"> <img src="{image file=$groupbuy.default_image width=120 height=120}" alt="{$groupbuy.goods_name|escape}" /> </a> </dt> 
      <dd class="name"> <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$groupbuy.act_id}" target="_blank">{$groupbuy.act_name|escape} </a> </dd> 
        <dd class="price">{$groupbuy.ext.price|price} </dd> 
        <!-- {if $groupbuy.status neq 'end'} --> 
        <dd class="date">{$lang.end_time}: {$groupbuy.end_time|date} </dd> 
        <!-- {/if} --> 
        <dd class="status">{$lang.gb_status}: {if $groupbuy.status eq 'active'}{$lang.gb_active}{/if}{if $groupbuy.status eq 'end'} <span style="color:red">{$lang.gb_end} </span>{/if} </dd> 
    </dl> 
    {/foreach} 
  </div> 
  <div class="pagechanger"> 
      {page_links from=$groupbuy_list.info url=$url_format} 
  </div> 
  <div class="colbtm"> </div> 
</div> <!-- /colbox --> 这是原文的代码

Answer 5

上面的那段代码。我发错了。不好意思啊， 应该是这段
<!-- 首页及商品列表页面团购部分模板 -->
<!-- {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} -->

Answer 6

<!-- 首页及商品列表页面团购部分模板 -->
<!-- {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} -->

Answer 7

<!-- 首页及商品列表页面团购部分模板 -->
<!-- {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} -->

Answer 8

<!-- 首页及商品列表页面团购部分模板 -->
<!-- {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">
<marquee>
    <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>
</marquee>
  </div>
  <div class="colbtm"></div>
</div>
<!-- {/if} -->