寻她模板站 ┃ 精美源于细节,细节造就成功。
繁体中文    广告服务
百度搜藏    加入收藏
业务咨询
您的位置: 首页 >> CMS使用教程 >> 图片marquee无缝滚动-左右滚动你说了算
图片marquee无缝滚动-左右滚动你说了算
更新时间:2008-10-05 10:57:10  作者:xiuling  来源:bbs.phpcms.cn  浏览次数:171  文字大小:【】【】【
简介:<script type="text/javascript" src="{PHPCMS_PATH}marquee.js"></script><!--By tuzwu--><nobr><div id="marquee3" style="width:960px;height:120px;overflow:hidden; padding-top:10px;">{loop $ar ...
    

<script type="text/javascript" src="{PHPCMS_PATH}marquee.js"></script><!--By tuzwu-->
<nobr>
<div id="marquee3" style="width:960px;height:120px;overflow:hidden; padding-top:10px;">
{loop $articles $i $article}
<a href="{$article['linkurl']}" {$target}><img src="{$article[thumb]}" width="140" height="100" alt="{$article[title]}" style="margin-left:20px;" />
{/loop}
</div>
</nobr>
<script defer>

var marquee3=new Marquee("marquee3");
marquee3.Direction="left";
marquee3.Step=1;
marquee3.Width=960;
marquee3.Height=120;
marquee3.Timer=20;
marquee3.ScrollStep=0;//此句禁止鼠标控制
marquee3.Start();
</script>

{if $pages}
<div class="pages">{$pages}</div>
{/if}
将以上代码保存为一个标签模板.注意上面的是文章模块的,图片的类推.然后新建一个图片类型的标签.标签的模板就选择刚刚建立的. marquee.js文件下载:[attach]28[/attach]放到根目录.至于放到哪里看你自己路径..
参考效果见:www.xaiff.com