‹‹ 上一主题 | 下一主题 ››
发新话题
打印

[论坛代码及教程] 图片无缝调用滚动代码集合[推荐]

太宰府

太宰府亲王

Rank: 11Rank: 11Rank: 11Rank: 11

帖子
1099 
精华
12 
积分
6960 
忠诚度
6305  
太宰府币
3314 元 
宣传值
655  
阅读权限
50 
注册时间
2006-8-16 
最后登录
2008-8-4 

太宰府亲王勋章 大公无私-铁十字勋章

1◎ 大 中 小 发表于 2007-7-27 17:05  只看该作者

图片无缝调用滚动代码集合[推荐]

图片向左移动:

太宰府娱乐论坛[TZFEF]<tbody id="category_2" style="">
<tr class="altbg2">
  <td class="altbg2">
    <table width="100%" border=0 cellpadding=0 cellspacing=0>
    <tr><td>  
      <div id=demo style=overflow:hidden;height:200;width=800;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>
<script language="JavaScript" src="http://taizaifu.ent.topzj.com/api/javascript.php?function=images&fids=159618_85064_85067_85073_85077_164125_85070_85984_85995_86004_165727_158211_85092_85093_85097_85101_8509
9_85102_85107_85110_85112&maxwidth=200&maxheight=200&startrow=0&items=5&digest=0&newwindow=1&verify=e3a305e8683f2a42b366c0506
2ab87dd"></script>

                   </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=0
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
        </td></tr></table>
</td></tbody>


图片向右移动:

太宰府娱乐论坛[TZFEF]<tbody id="category_2" style="">
<tr class="altbg2">
  <td class="altbg2">
    <table width="100%" border=0 cellpadding=0 cellspacing=0>
    <tr><td>  
      <div id=demo style=overflow:hidden;height:200;width=800;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>
<script language="JavaScript" src="http://taizaifu.ent.topzj.com/api/javascript.php?function=images&fids=159618_85064_85067_85073_85077_164125_85070_85984_85995_86004_165727_158211_85092_85093_85097_85101_8509
9_85102_85107_85110_85112&maxwidth=200&maxheight=200&startrow=0&items=5&digest=0&newwindow=1&verify=e3a305e8683f2a42b366c0506
2ab87dd"></script>

                   </td>
                </tr>
                </table>
     </td>
     <td id=demo2 valign=top>
     </td>
     </tr>
     </table>
     </div>
  <script>
  var speed=10//速度数值越大速度越慢
  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>
        </td></tr></table>
</td></tbody>
欢迎来到太宰府王国，论坛现诚招斑竹若干，点击此处申请

TOP

太宰府

太宰府亲王

Rank: 11Rank: 11Rank: 11Rank: 11

帖子
1099 
精华
12 
积分
6960 
忠诚度
6305  
太宰府币
3314 元 
宣传值
655  
阅读权限
50 
注册时间
2006-8-16 
最后登录
2008-8-4 

太宰府亲王勋章 大公无私-铁十字勋章

2◎ 大 中 小 发表于 2007-7-27 17:11  只看该作者
图片向下移动:

太宰府娱乐论坛[TZFEF]<tbody id="category_2" style="">
<tr class="altbg2">
  <td class="altbg2">
    <table width="100%" border=0 cellpadding=0 cellspacing=0>
    <tr><td>  
      <div id=demo style=overflow:hidden;height:200;width=800;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>
<script language="JavaScript" src="http://taizaifu.ent.topzj.com/api/javascript.php?function=images&fids=159618_85064_85067_85073_85077_164125_85070_85984_85995_86004_165727_158211_85092_85093_85097_85101_8509
9_85102_85107_85110_85112&maxwidth=200&maxheight=200&startrow=0&items=5&digest=0&newwindow=1&verify=e3a305e8683f2a42b366c0506
2ab87dd"></script>

                   </td>
                </tr>
                </table>
     </td>
     <td id=demo2 valign=top>
     </td>
     </tr>
     </table>
     </div>
  <script>
  var speed=10//速度数值越大速度越慢
  demo2.innerHTML=demo1.innerHTML
  demo.scrollTop=demo.scrollHeight
  function Marquee(){
  if(demo1.offsetTop-demo.scrollTop>=0)
    demo.scrollTop+=demo2.offsetHeight
  else{
    demo.scrollTop--
       }
   }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
        </td></tr></table>
</td></tbody>


图片向上移动:

太宰府娱乐论坛[TZFEF]<tbody id="category_2" style="">
<tr class="altbg2">
  <td class="altbg2">
    <table width="100%" border=0 cellpadding=0 cellspacing=0>
    <tr><td>  
      <div id=demo style=overflow:hidden;height:200;width=800;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>
<script language="JavaScript" src="http://taizaifu.ent.topzj.com/api/javascript.php?function=images&fids=159618_85064_85067_85073_85077_164125_85070_85984_85995_86004_165727_158211_85092_85093_85097_85101_8509
9_85102_85107_85110_85112&maxwidth=200&maxheight=200&startrow=0&items=5&digest=0&newwindow=1&verify=e3a305e8683f2a42b366c0506
2ab87dd"></script>

                   </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.offsetTop-demo.scrollTop<=0)
    demo.scrollTop-=demo1.offsetHeight
  else{
    demo.scrollTop++
       }
  }

  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
        </td></tr></table>
</td></tbody>
欢迎来到太宰府王国，论坛现诚招斑竹若干，点击此处申请

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题