设为首页收藏本站
切换到宽版

Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › 增值产品交流与讨论 › SS/XS 专区 › SS/XS-模板插件 › 可以利用的一段无缝图片滚动代码（已经改为SS调用） ...
12下一页
返回列表 发新帖

[分享] 可以利用的一段无缝图片滚动代码（已经改为SS调用）

[复制链接]
jsaren 发表于 2007-4-4 22:20:07 | 显示全部楼层 |阅读模式
效果看：
http://news.phoenixtv.com/taiwan/

  1. <table width="950" border="0" cellpadding="0" cellspacing="0" class="table_margin">
  2.   <tr>
  3.     <td height="16" style="background:url([img]http://img.phoenixtv.com/tres/TemplateRes/618/618/images/news_2nd_column/movie_icon.gif[/img])">&nbsp;</td>
  4.   </tr>
  5.   <tr>
  6.     <td height="100" align="center" bgcolor="#7A7A7A">
  7.     <div id="mhmove" style="OVERFLOW: hidden; WIDTH: 950px">


  10.   <table cellpadding="0" width="1610" align="center" border="0" cellspace="0">
  11.         <tbody>
  12.           <tr>
  13.                 <td id="mhmove1" valign="top">

  15. <table cellspacing="0" cellpadding="0" width="80%" align="center" border="0">
  16.                         <tbody>
  17.                           <tr>
  18.                                 <td><table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  19.                                   <tbody>
  20.                                         <tr>
  21.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  22.                                                   <tbody>
  23.                                                         <tr>
  24.                                                           <td width="150" height="5"></td>
  25.                                                         </tr>
  26.                                                         <tr>
  27.                                                           <td><div align="center"><a href="http://news.phoenixtv.com/taiwan/2/200703/0301_352_81562.shtml"   target="_blank" ><img class="pic_border5" height="90" src="http://img.phoenixtv.com/tres/news/xiewj0306 7.jpg" width="170" border="0" /></a></div></td>
  28.                                                         </tr>
  29.                                                         <tr>
  30.                                                           <td height="2"></td>
  31.                                                         </tr>
  32.                                                   </tbody>
  33.                                           </table></td>
  34.                                         </tr>
  35.                                         <tr>
  36.                                           <td height="22" align="center"><a href="http://news.phoenixtv.com/taiwan/2/200703/0301_352_81562.shtml" class="white" target="_blank">扁调戏女记者：我在想你</a></td>
  37.                                         </tr>
  38.                                   </tbody>
  39.                                 </table>
  40. </td>
  41.                                 <td>

  43. <table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  44.                                   <tbody>
  45.                                         <tr>
  46.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  47.                                                   <tbody>
  48.                                                         <tr>
  49.                                                           <td width="150" height="5"></td>
  50.                                                         </tr>
  51.                                                         <tr>
  52.                                                           <td><div align="center"><a href="http://news.phoenixtv.com/taiwan/1/200703/0309_351_85750.shtml" target="_blank"><img class="pic_border5" height="90" src="http://img.phoenixtv.com/tres/news/xiewj0315 11.jpg" width="170" border="0" /></a></div></td>
  53.                                                         </tr>
  54.                                                         <tr>
  55.                                                           <td height="2"></td>
  56.                                                         </tr>
  57.                                                   </tbody>
  58.                                           </table></td>
  59.                                         </tr>
  60.                                         <tr>
  61.                                           <td height="22" align="center"><a href="http://news.phoenixtv.com/taiwan/1/200703/0309_351_85750.shtml" class="white" target="_blank" >妇女节 蓝绿女立委打群架</a></td>
  62.                                         </tr>
  63.                                   </tbody>
  64.                                 </table>
  65.                                
  66.                                 </td>
  67.                                 <td>
  68.                                
  69.                                 <table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  70.                                   <tbody>
  71.                                         <tr>
  72.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  73.                                                   <tbody>
  74.                                                         <tr>
  75.                                                           <td width="150" height="5"></td>
  76.                                                         </tr>
  77.                                                         <tr>
  78.                                                           <td><div align="center"><a href="http://news.phoenixtv.com/taiwan/2/200702/0214_352_76898.shtml" target="_blank"><img class="pic_border5" height="90" src="http://img.phoenixtv.com/tres/news/xiewj0306 8.jpg" width="170" border="0" /></a></div></td>
  79.                                                         </tr>
  80.                                                         <tr>
  81.                                                           <td height="2"></td>
  82.                                                         </tr>
  83.                                                   </tbody>
  84.                                           </table></td>
  85.                                         </tr>
  86.                                         <tr>
  87.                                           <td height="22" align="center"><a href="http://news.phoenixtv.com/taiwan/2/200702/0214_352_76898.shtml" class="white" target="_blank" >马英九遭起诉 夫人不发一语</a></td>
  88.                                         </tr>
  89.                                   </tbody>
  90.                                 </table>
  91.                                
  92.                                 </td>
  93.                                 <td>
  94.                                
  95.                                
  96.                                
  97.                                 <table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  98.                                   <tbody>
  99.                                         <tr>
  100.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  101.                                                   <tbody>
  102.                                                         <tr>
  103.                                                           <td width="150" height="5"></td>
  104.                                                         </tr>
  105.                                                         <tr>
  106.                                                           <td><div align="center"><a href="http://news.phoenixtv.com/taiwan/2/200703/0302_352_82059.shtml" target="_blank"><img class="pic_border5" height="90" src="http://img.phoenixtv.com/tres/news/xiewj0306 5.jpg" width="170" border="0" /></a></div></td>
  107.                                                         </tr>
  108.                                                         <tr>
  109.                                                           <td height="2"></td>
  110.                                                         </tr>
  111.                                                   </tbody>
  112.                                           </table></td>
  113.                                         </tr>
  114.                                         <tr>
  115.                                           <td height="22" align="center"><a href="http://news.phoenixtv.com/taiwan/2/200703/0302_352_82059.shtml" class="white" target="_blank" >女郎热舞 马英九尴尬</a></td>
  116.                                         </tr>
  117.                                   </tbody>
  118.                                 </table>
  119.                                 </td>
  120.                                 <td>
  121.                                
  122.                                 <table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  123.                                   <tbody>
  124.                                         <tr>
  125.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  126.                                                   <tbody>
  127.                                                         <tr>
  128.                                                           <td width="150" height="5"></td>
  129.                                                         </tr>
  130.                                                         <tr>
  131.                                                           <td><div align="center"><a href="http://news.phoenixtv.com/taiwan/2/200702/0228_352_80609.shtml" target="_blank"><img class="pic_border5" height="90" src="http://img.phoenixtv.com/tres/news/xiewj0306 6.jpg" width="170" border="0" /></a></div></td>
  132.                                                         </tr>
  133.                                                         <tr>
  134.                                                           <td height="2"></td>
  135.                                                         </tr>
  136.                                                   </tbody>
  137.                                           </table></td>
  138.                                         </tr>
  139.                                         <tr>
  140.                                           <td height="22" align="center"><a href="http://news.phoenixtv.com/taiwan/2/200702/0228_352_80609.shtml" class="white" target="_blank" >蒋介石铜像被泼红漆</a></td>
  141.                                         </tr>
  142.                                   </tbody>
  143.                                 </table>
  144.                                 </td>
  145.                                 <td>
  146.                                 <table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  147.                                   <tbody>
  148.                                         <tr>
  149.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  150.                                                   <tbody>
  151.                                                         <tr>
  152.                                                           <td width="150" height="5"></td>
  153.                                                         </tr>
  154.                                                         <tr>
  155.                                                           <td><div align="center"><a href="http://news.phoenixtv.com/taiwan/2/200701/0125_352_68382.shtml" target="_blank"><img class="pic_border5" height="90" src="http://img.phoenixtv.com/tres/news/xiewj0126 10.jpg" width="170" border="0" /></a></div></td>
  156.                                                         </tr>
  157.                                                         <tr>
  158.                                                           <td height="2"></td>
  159.                                                         </tr>
  160.                                                   </tbody>
  161.                                           </table></td>
  162.                                         </tr>
  163.                                         <tr>
  164.                                           <td height="22" align="center"><a href="http://news.phoenixtv.com/taiwan/2/200701/0125_352_68382.shtml" class="white" target="_blank" >杜正胜独子被曝违军纪喝花酒</a></td>
  165.                                         </tr>
  166.                                   </tbody>
  167.                                 </table></td>
  168.                           </tr>
  169.                         </tbody>
  170.                 </table>
  171.                
  172.                 </td>
  173.                        
  174.                 <td valign="top" id="mhmove2"></td>
  175.           </tr>
  176.         </tbody>
  177.   </table>
  178.   </div>
  179.         <SCRIPT>
  180.    var speed=20   
  181.    mhmove2.innerHTML=mhmove1.innerHTML
  182.    function Marquee3(){
  183.    if(mhmove2.offsetWidth-mhmove.scrollLeft<=0)
  184.    mhmove.scrollLeft-=mhmove1.offsetWidth
  185.    else{
  186.    mhmove.scrollLeft++
  187.    }
  188.    }
  189.    function Marquee4(){
  190.    if(mhmove2.offsetHeight-mhmove.scrollTop<=0)
  191.    mhmove.scrollTop-=mhmove1.offsetHeight
  192.    else{
  193.    mhmove.scrollTop++
  194.    }
  195.    }
  196.    var MyMar2=setInterval(Marquee3,speed)
  197.    mhmove.onmouseover=function() {clearInterval(MyMar2)}
  198.    mhmove.onmouseout=function() {MyMar2=setInterval(Marquee3,speed)}
  199.    </SCRIPT>
  200.         </td>
  201.   </tr>
  202.   <tr>
  203.     <td height="16" style="background:url([img]http://img.phoenixtv.com/tres/TemplateRes/618/618/images/news_2nd_column/movie_icon.gif[/img])">&nbsp;</td>
  204.   </tr>
  205. </table>
复制代码

[ 本帖最后由 jsaren 于 2007-4-4 22:34 编辑 ]
回复

使用道具 举报

 楼主| jsaren 发表于 2007-4-4 22:27:24 | 显示全部楼层
换成调用，就是这样：

  1. <table width="950" border="0" cellpadding="0" cellspacing="0" class="table_margin">
  2.   <tr>
  3.     <td height="16" style="background:url([img]http://img.phoenixtv.com/tres/TemplateRes/618/618/images/news_2nd_column/movie_icon.gif[/img])"> </td>
  4.   </tr>
  5.   <tr>
  6.     <td height="100" align="center" bgcolor="#7A7A7A"><div id="mhmove" style="OVERFLOW: hidden; WIDTH: 950px">


  9.   <table cellpadding="0" width="1610" align="center" border="0" cellspace="0">
  10.         <tbody>
  11.           <tr>
  12.                 <td id="mhmove1" valign="top">

  14. <table cellspacing="0" cellpadding="0" width="80%" align="center" border="0">
  15.                         <tbody>
  16.                           <tr>
  17. <!--{block name="spacenews" parameter="haveattach/1/showattach/1/order/i.lastpost DESC/subjectlen/12/subjectdot/1/limit/0,6/cachetime/8000/cachename/picnews/tpl/data"}-->
  18. <!--{loop $_SBLOCK['picnews'] $value}-->
  19.                                 <td>
  20. <table cellspacing="0" cellpadding="0" width="178" align="center" border="0">
  21.                                   <tbody>
  22.                                         <tr>
  23.                                           <td width="178"><table cellspacing="0" cellpadding="0" width="150" align="center" border="0">
  24.                                                   <tbody>
  25.                                                         <tr>
  26.                                                           <td width="150" height="5"></td>
  27.                                                         </tr>
  28.                                                         <tr>
  29.                                                           <td><div align="center"><a href="$value[url]"   target="_blank" ><img class="pic_border5" height="90" src="$value[a_thumbpath]" width="170" border="0"  alt="$value[subjectall]" /></a></div></td>
  30.                                                         </tr>
  31.                                                         <tr>
  32.                                                           <td height="2"></td>
  33.                                                         </tr>
  34.                                                   </tbody>
  35.                                           </table></td>
  36.                                         </tr>
  37.                                         <tr>
  38.                                           <td height="22" align="center"><a href="$value[url]" class="white" target="_blank" title="$value[subjectall]">$value[subject]</a></td>
  39.                                         </tr>
  40.                                   </tbody>
  41.                                 </table>
  42. </td>
  43. <!--{/loop}-->

  45.                 <td valign="top" id="mhmove2"></td>
  46.           </tr>
  47.         </tbody>
  48.   </table></div>
  49.         <SCRIPT>
  50.    var speed=20   
  51.    mhmove2.innerHTML=mhmove1.innerHTML
  52.    function Marquee3(){
  53.    if(mhmove2.offsetWidth-mhmove.scrollLeft<=0)
  54.    mhmove.scrollLeft-=mhmove1.offsetWidth
  55.    else{
  56.    mhmove.scrollLeft++
  57.    }
  58.    }
  59.    function Marquee4(){
  60.    if(mhmove2.offsetHeight-mhmove.scrollTop<=0)
  61.    mhmove.scrollTop-=mhmove1.offsetHeight
  62.    else{
  63.    mhmove.scrollTop++
  64.    }
  65.    }
  66.    var MyMar2=setInterval(Marquee3,speed)
  67.    mhmove.onmouseover=function() {clearInterval(MyMar2)}
  68.    mhmove.onmouseout=function() {MyMar2=setInterval(Marquee3,speed)}
  69.    </SCRIPT>
  70.         </td>
  71.   </tr>
  72.   <tr>
  73.     <td height="16" style="background:url([img]http://img.phoenixtv.com/tres/TemplateRes/618/618/images/news_2nd_column/movie_icon.gif[/img])"> </td>
  74.   </tr>
  75. </table>
复制代码
回复

使用道具 举报

 楼主| jsaren 发表于 2007-4-4 22:29:34 | 显示全部楼层
当然，样式的规定自己定了。也可以照搬凤凰网的
收工。
回复

使用道具 举报

oky3914 发表于 2007-4-5 05:58:27 | 显示全部楼层
代码好长

象女人舞动的身躯
回复

使用道具 举报

kaiyunwei 发表于 2007-4-7 10:07:23 | 显示全部楼层
还没看懂
回复

使用道具 举报

BK之王 发表于 2007-4-7 11:34:38 | 显示全部楼层
记个号！！！！！！！！！
回复

使用道具 举报

rcwei2008 发表于 2007-4-7 18:40:58 | 显示全部楼层
看不懂什么意思，能不能说清楚一点
回复

使用道具 举报

 楼主| jsaren 发表于 2007-4-7 18:57:00 | 显示全部楼层
原帖由 rcwei2008 于 2007-4-7 18:40 发表
看不懂什么意思，能不能说清楚一点

汗，这段代码可以用在首页，内容为图片资讯，形式是滚动从右到左。适用于宽度950px的网页，当然你也可以改950为你的页面宽度。
回复

使用道具 举报

luciotan 发表于 2007-6-10 01:10:14 | 显示全部楼层
试过了，不行，网页全部乱了
回复

使用道具 举报

sj8250 发表于 2007-6-14 09:52:12 | 显示全部楼层

为什么只滚动一次~~

请问楼主，为什么只滚动一次？？
回复

使用道具 举报

下一页 »
12下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 05:35 , Processed in 0.040238 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表