找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3973|回复: 12

从韩国网站下弄下来的两个效果,有兴趣的研究下。

[复制链接]
发表于 2008-8-1 17:30:39 | 显示全部楼层 |阅读模式
从韩国网站下弄下来的两个效果,有兴趣的研究下。

预览地址:
http://www.1kidea.com.cn/yyf/rootl4/left_right.html

http://www.1kidea.com.cn/yyf/rootl2/up.html

下载地址:
rootl2.rar (41.95 KB, 下载次数: 326)
发表于 2008-8-2 00:32:01 | 显示全部楼层
第一个类似以前的一个flash效果的
回复 支持 反对

使用道具 举报

发表于 2008-8-2 08:40:04 | 显示全部楼层
第2個效果還不如分頁來的明了
回复 支持 反对

使用道具 举报

发表于 2008-8-2 08:48:42 | 显示全部楼层
第一个效果还是不错的。谢谢
回复 支持 反对

使用道具 举报

发表于 2008-8-22 23:14:06 | 显示全部楼层

去掉了一堆用不上的东西,精简成这样了

去掉了一堆用不上的东西,成现在这样了:

预览:http://www.slleo.com/lab/js-rolling/


  1. <style>
  2. *{font-size:12px;font-family:arial;color:#333;}
  3. .goodslist{padding-left:5px;}
  4. .goodslist table{width:140px;float:left;margin:15px 8px;}
  5. .goodslist table td{height:18px;text-align:center;}
  6. .goodslist table td a{color:#333;}
  7. .goodslist table td a span{color:#ff0000;}
  8. .goodslist table td a img{width:130px;height:148px;border:0;}
  9. .goodslist table td .t{color:#000;}
  10. </style>
  11. <script type="text/javascript" charset='utf-8' src="rolling.js"></script>
  12. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  13.         <tr>
  14.                 <td colspan="2" align="center" class="goodslist">
  15.                
  16.                                 <div id="rolling" style="margin-top:4px;overflow:hidden;650px;height:265px">
  17.                                 <?php
  18.                                         //看你想要它滚几屏了
  19.                                         for($j=1;$j<3;$j++){
  20.                                 ?>
  21.                                         <span>
  22.                                                 <div style="width:630px;height:265px;">
  23.                                                 <?php
  24.                                                         for($i=1;$i<4;$i++){
  25.                                                 ?>
  26.                                                         <table border="0" cellspacing="0" cellpadding="0">
  27.                                                                 <tr><td><a class="preview" rel="tmp01.gif" href="#" title="免烫全棉短袖衬衫"><img src="tmp01.gif" /></a></td></tr>
  28.                                                                 <tr><td style="height:22px;"><a href="#" class="t">免烫全棉短袖衬衫</a></td></tr>
  29.                                                                 <tr><td><a href="#">领尖扣 米色 </a></td></tr>
  30.                                                                 <tr><td><a href="#">原价<strong>¥248.00</strong> </a></td></tr>
  31.                                                                 <tr><td><a href="#">现价<span><strong>¥168.00</strong></span> </a></td></tr>
  32.                                                                 <tr><td><a href="#" class="t"> 详细内容 </a></td></tr>
  33.                                                         </table>
  34.                                                 <?php
  35.                                                         }
  36.                                                 ?>
  37.                                                 </div>
  38.                                         </span>
  39.                                 <?php
  40.                                 }
  41.                                 ?>
  42.                                 </div>
  43.                                 <script type="text/javascript">
  44.                                         var roll = new js_rolling('rolling');
  45.                                         roll.set_direction(1);
  46.                                         roll.move_gap = 5;
  47.                                         roll.time_dealy = 1;
  48.                                         roll.time_dealy_pause = 4000;
  49.                                         roll.start();
  50.                                 </script>
  51.                 </td>
  52.         </tr>
  53. </table>
复制代码

[[i] 本帖最后由 slleo 于 2008-8-22 23:17 编辑 ]

rolling.zip

27.84 KB, 下载次数: 295

精简后的结果

回复 支持 反对

使用道具 举报

发表于 2008-8-23 17:34:16 | 显示全部楼层
晕,MACFEE报有病毒。楼主你想做什么啊?????
回复 支持 反对

使用道具 举报

发表于 2008-8-23 22:04:38 | 显示全部楼层
.........不是吧。。
没想法了
回复 支持 反对

使用道具 举报

发表于 2008-8-23 23:37:57 | 显示全部楼层
第二个nod32报毒
回复 支持 反对

使用道具 举报

发表于 2008-8-24 15:28:05 | 显示全部楼层
晕 楼主有病毒!!
强烈谴责!
回复 支持 反对

使用道具 举报

发表于 2008-8-24 15:52:41 | 显示全部楼层
两个都报毒 卡巴斯基...
回复 支持 反对

使用道具 举报

发表于 2008-8-24 16:27:14 | 显示全部楼层
小子,有病毒还敢发上来,不知道卖咖啡报有病毒啊
回复 支持 反对

使用道具 举报

发表于 2008-8-24 17:34:21 | 显示全部楼层
我下的#5的,没问题。
回复 支持 反对

使用道具 举报

发表于 2008-8-25 00:34:09 | 显示全部楼层

我看是病毒

LZ还是把链接拿下来吧,我上了那几个站,卡巴7没报毒,但是需要安装什么东西,现在我的DR、FP都不能用了
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-20 05:41 , Processed in 0.067972 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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