共享一下,我做的图片无缝滚动 详细讲解,让菜鸟也会!原创

[复制链接]
查看: 1782   回复: 1
发表于 2006-8-31 13:03:16 | 显示全部楼层 |阅读模式
第一步骤:用DW(Dreamweaver)新建一个htm文件,然后插入下面代码,保存到模板路径里,phpcms默认模板路径为:templates\default,保存的文件名为:tag_picarticle1。补句,记得把代码里的网址改成你的。共享一下,我做的图片无缝滚动 详细讲解,让菜鸟也会!原创 <base href="http://www.123.com">
<base href="http://www.123.com">
   <div id=demo  style=overflow:hidden;height:127;width:628>
<table align=left cellpadding=0 cellspace=0 border=0>
   <tr>
   <td id=demo1 valign=top>
   {loop $articles $i $article}
       {if $i%$cols==0}
    <tr>
       {/if}
             <td class="tag_td_img">
         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
           
              <td height='8' align="center"><span class="pic"><a href='{$article[url]}' target='_blank'><img src='{$article[defaultpicurl]}' alt='{$article[alt]}' width='{$imgwidth}' height='{$imgheight}' border='0'></a></span></td>
         
        
         
              <tr>
                <td height='9' align="center"><a href='{$article[url]}' target='_blank' title='{$article[alt]}'>{$article[title]}</a></td>
              </table>
       {if $i% $cols==($cols-1)}
    </tr>
       {/if}  
     {/loop}
   </td>
   <td id=demo2 valign=top>
   </td>
   </tr>
   </table>
   </div>
<script language="javascript">
  var speed=30
  demo2.innerHTML=demo1.innerHTML
  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo1.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
第一步骤:打开首页模板index.htm,文件在模板路径里。然后在你想要显示图片无缝滚动的位置上,插入下面标签,保存。
{$picarticle(0,1,0,0,10,50,6,0,0,1,1,0,100,100,50,'tag_picarticle1')}
最后一步:上传,更新首页。呵呵~~

[ 本帖最后由 音乐 于 2006-9-10 00:28 编辑 ]
BBQhy 该用户已被删除
发表于 2006-9-18 15:00:45 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则