关于Ecshop模板制作_让首页“站内快讯”垂直滚动显示
2016-09-11 20:39 来源:www.chinab4c.com 作者:ecshop专家
首页“站内快讯”默认是静止不动的,很多人想让它垂直滚动显示,这里简要说一下方法
如果只是要简单的垂直滚动 用 html 标签中的 <maquee> 就能实现,但是不能实现无缝结合。
如果想要无缝垂直滚动,就需要一点JS代码的支持。
下面就讲一讲如何实现“站内快讯”垂直无缝滚动显示:
将 library/new_articles.lbi 文件内容完全替换为下面代码即可:
(经测试完全兼容IE6,IE7,FIREFOX)
注意:下面方法已经在官方默认模板基础上测试完全通过,其他模板没做测试。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div id="artup" style="overflow:hidden; height: 170px;"> <div id="artup1"> <ul style="padding:0;margin:0" id="artup1ul"> <!--{foreach name="new_articles" from=$new_articles item=article}--> <li> [<a href="{$article.cat_url}">{$article.cat_name}</a>] <a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title|truncate:10:"...":true}</a> </li> <!--{/foreach}--> </ul> </div> <div id="artup2"> </div> </div> <script type="text/javascript"> var speed=30; var ARTUP=document.getElementById('artup'); var ARTUP1=document.getElementById('artup1'); var ARTUP2=document.getElementById('artup2'); var ARTUP1ul=document.getElementById('artup1ul'); var result = ""; for(var i=0; i<25; i++) result += ARTUP1ul.innerHTML; ARTUP1ul.innerHTML=result ARTUP2.innerHTML=ARTUP1.innerHTML function Marquee1(){ if(ARTUP2.offsetHeight-ARTUP.scrollTop<=0) ARTUP.scrollTop-=ARTUP1.offsetHeight else{ ARTUP.scrollTop++ } } var MyMar1=setInterval(Marquee1,speed) ARTUP.onmouseover=function() {clearInterval(MyMar1)} ARTUP.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script> |
最近更新
常用插件
- ecshop最小购买数量控制插
ecshop最小购买数量控制插件,这个插件主要是为我们提供一个十分方便...
- ecshop2.7.2生成虚拟订单2.
以前我们开发过ecshop下的虚拟订单,就是客户在访问的时候,会自动生...
- ecshop2.7.1邮件发送插件
ecshop2.7.1邮件发送插件:该插件主要的开发思想是源于ecshop短信发送系统...
- ecshop二次开发商品购买增
图片1香...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...