标题: [共享] 最新文章翻翻SHOW
fareign
正式会员
Rank: 2



UID 18956
精华 0
积分 135
帖子 139
体力 21 点
钻石 0 颗
贡献 2
阅读权限 20
注册 2007-10-21
状态 离线
发表于 2008-5-10 21:44  资料  个人空间  短消息  加为好友 
最新文章翻翻SHOW

思路:
要一个一个地翻,得一个一个地定义,或者中间隔点东西.然后再去分开.

效果:http://www.51043.com


核心代码

<!-- 最新文章 -->
<div class="content-div" id="ECS_ARTICLE_BODY"  >
  <ul class="article-list">  
<script language="javascript">
var marqueeContent=new Array();
  <!--{foreach key=key from=$new_articles item=article}-->  
  marqueeContent[{$key}]="<li>[<a href={$article.cat_url}>{$article.cat_name}</a>] <a href={$article.url} title={$article.title|escape:html}>{$article.short_title}</a></li>";
    <!--{/foreach}-->
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=22;
function initMarquee() {
var str=marqueeContent[0];
var marqueeBox =  document.getElementById("marqueeBox");
document.write('<div id=marqueeBox style="overflow:hidden;border-bottom:1px dotted;width:380px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var marqueeBox =  document.getElementById("marqueeBox");
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
var marqueeBox =  document.getElementById("marqueeBox");
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>
  </ul>
</div>

加入KEY 后,就可以循环出数组来.然后,套用先辈的代码.OK.....

[ 本帖最后由 fareign 于 2008-5-10 21:46 编辑 ]


本帖最近评分记录
QingHou   2008-5-14 09:46  贡献  +1   精品




 http://www.51043.com 虎门时尚元素 www.51043.com
顶部
zxp999
正式会员
Rank: 2



UID 7101
精华 0
积分 176
帖子 148
体力 34 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-2-2
状态 在线
发表于 2008-5-11 00:11  资料  个人空间  短消息  加为好友 
楼上的,你的模板真的很漂亮哦,共享不?





给我一支烟……
顶部
卖否姊妹站—买否(商品搜索)公开测试
fareign
正式会员
Rank: 2



UID 18956
精华 0
积分 135
帖子 139
体力 21 点
钻石 0 颗
贡献 2
阅读权限 20
注册 2007-10-21
状态 离线
发表于 2008-5-11 08:42  资料  个人空间  短消息  加为好友 
我的程序跟你们不一样,还有数据库不一样,可以说做过很多手术的.了.





 http://www.51043.com 虎门时尚元素 www.51043.com
顶部
zxp999
正式会员
Rank: 2



UID 7101
精华 0
积分 176
帖子 148
体力 34 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-2-2
状态 在线
发表于 2008-5-12 02:00  资料  个人空间  短消息  加为好友 
那就连程序一起共享嘛





给我一支烟……
顶部
3323526
正式会员
Rank: 2



UID 32071
精华 0
积分 130
帖子 91
体力 28 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2008-4-19
状态 离线
发表于 2008-5-12 02:11  资料  个人空间  短消息  加为好友  添加 3323526 为MSN好友 通过MSN和 3323526 交谈
你这个放大镜共享一下

顶部
fareign
正式会员
Rank: 2



UID 18956
精华 0
积分 135
帖子 139
体力 21 点
钻石 0 颗
贡献 2
阅读权限 20
注册 2007-10-21
状态 离线
发表于 2008-5-12 09:31  资料  个人空间  短消息  加为好友 
程序被人偷走了.http://kafulian.net/

直接拷贝那种偷.





 http://www.51043.com 虎门时尚元素 www.51043.com
顶部
zxp999
正式会员
Rank: 2



UID 7101
精华 0
积分 176
帖子 148
体力 34 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-2-2
状态 在线
发表于 2008-5-13 14:13  资料  个人空间  短消息  加为好友 
偷是一种美





给我一支烟……
顶部
QingHou
EC元老
Rank: 8Rank: 8


Themes  
UID 10663
精华 14
积分 3109
帖子 1452
体力 750 点
钻石 0 颗
贡献 63
阅读权限 90
注册 2007-4-2
状态 离线
发表于 2008-5-14 09:47  资料  个人空间  短消息  加为好友 
后排支持





提问前请搜索。 ECshop官方模板群:6429401ECshop官方模板群(2):32336707  敲门暗号:你的EC网店地址
顶部
wangbaoming
禁止访问




UID 13167
精华 0
积分 12
帖子 54
体力 -5 点
钻石 0 颗
贡献 0
阅读权限 0
注册 2007-6-24
状态 离线
发表于 2008-5-20 00:24  资料  个人空间  短消息  加为好友 
*** 作者被禁止或删除 内容自动屏蔽 ***
mrshen
正式会员
Rank: 2



UID 28898
精华 0
积分 79
帖子 79
体力 13 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2008-2-23
状态 离线
发表于 2008-5-20 11:41  资料  个人空间  短消息  加为好友  QQ
谢谢分享
可以问LZ几个问题吗?你的模板是PPG 的模板
我也有套 只是 放大镜的功能有BUG 还有分类打广告也有BUG
我不知道你能不能帮帮我
我的QQ:777040
电子邮件:ek35@vip.qq.com
谢谢了!

顶部
 



当前时区 GMT+8, 现在时间是 2008-7-5 12:05

    本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区 Powered by Discuz! 5.5.0  © 2001-2007 Comsenz Inc.
Processed in 0.036536 second(s), 7 queries , Gzip enabled

清除 Cookies - 联系我们 - 康盛创想(北京)科技有限公司 - Archiver - WAP