立即注册  找回密码
 立即注册
CeraNetworksBGVM服务器主机交流会员请立即修改密码Sharktech防护
查看: 74|回复: 4

仿twitter/新浪WB 高度自适应无缝滚动

[复制链接]

仿twitter/新浪WB 高度自适应无缝滚动

[复制链接]

81

主题

325

回帖

1664

积分

金牌会员

积分
1664
yrdesign

81

主题

325

回帖

1664

积分

金牌会员

积分
1664
2011-5-24 10:38:33 | 显示全部楼层 |阅读模式
已经不是第一次看到坛子里有人要这个类似的效果了[ol]
  • tweets-slide
  • ul, li {margin:0; padding:0;list-style:none}
  • body {
  •         margin: 0;
  •         height: 100%;
  •         background: #333;
  • }
  • .wp {
  •         position: relative;
  •         width: 800px;
  •         height: 400px;
  •         overflow: hidden;
  •         margin: 20px auto;
  •         border: 4px solid #121212;
  •         background: #fff;
  • }
  • .slider {
  •         position: absolute;
  •         width: 760px;
  •         padding: 0 20px;
  •         left:0;
  •         top: 0;
  • }
  • .fl {float:left}
  • .slider img {display:block; padding: 2px; border: 1px solid #ccc}
  • .slider li {padding: 20px 0; border-bottom: 1px dashed #ccc;overflow:hidden;width:100%}
  • .slider p {font-size: 12px;margin:0;padding-left:68px;color:#333;line-height:20px;}
  •         
  •                
  • [url=]
    [img][/img]
    [/url]
  •                         曾虑多情损梵行
  •   
  •    入山又恐别倾城
  •   
  •    世间安得双全法
  •   
  •    不负如来不负卿
  •                
  •                
  • [url=]
    [img][/img]
    [/url]
  •                         第一最好不相见,如此便可不相恋。
  • 第二最好不相知,如此便可不相思。
  • 第三最好不相伴,如此便可不相欠。
  • 第四最好不相惜,如此便可不相忆。
  • 第五最好不相爱,如此便可不相弃。
  • 第六最好不相对,如此便可不相会。
  • 第七最好不相误,如此便可不相负。
  • 第八最好不相许,如此便可不相续。
  • 第九最好不相依,如此便可不相偎。
  • 第十最好不相遇,如此便可不相聚。
  • 但曾相见便相知,相见何如不见时。
  • 安得与君相诀绝,免教生死作相思。
  •                
  •                
  • [url=]
    [img][/img]
    [/url]
  •                         那一天
  • 闭目在经殿香雾中
  • 蓦然听见你颂经中的真言
  • 那一月
  • 我摇动所有的转经筒
  • 不为超度
  • 只为触摸你的指尖
  • 那一年
  • 磕长头匍匐在山路
  • 不为觐见
  • 只为贴着你的温暖
  • 那一世
  • 转山转水转佛塔啊
  • 不为修来生
  • 只为途中与你相见
  • 只是
  • 就在那一夜
  • 我忘却了所有
  • 抛却了信仰
  • 舍弃了轮回
  • 只为那
  • 曾在佛前哭泣的玫瑰
  • 早已失去旧日的光泽
  •                
  •                
  • [url=]
    [img][/img]
    [/url]
  •                         班扎古鲁白玛的沉默
  •      你见 或者不见我
  •      我就在那里
  •      不悲不喜
  •     
  •      你念 或者不念我
  •      情就在那里
  •      不来不去
  •     
  •      你爱 或者不爱我
  •      爱就在那里
  •      不增不减
  •     
  •      你跟 或者不跟我
  •      我的手就在你手里
  •      不舍不弃
  •     
  •      来我的怀里
  •      或者
  •      让我住进你的心间
  •      默然 相爱
  •      寂静 欢喜
  •                
  •         
  • [/ol]复制代码调用方式很简单,new slider({id:'**',auto:4});其中id为要滚动的ul的id,auto可选,表示滚动间隙时间,默认3秒。





  • 回复

    使用道具 举报

    18

    主题

    77

    回帖

    244

    积分

    中级会员

    积分
    244
    jacksoking

    18

    主题

    77

    回帖

    244

    积分

    中级会员

    积分
    244
    2011-5-24 13:21:58 | 显示全部楼层
    来个演示/cy
    回复

    使用道具 举报

    7

    主题

    639

    回帖

    2054

    积分

    金牌会员

    积分
    2054
    lemss

    7

    主题

    639

    回帖

    2054

    积分

    金牌会员

    积分
    2054
    2011-5-24 13:29:42 | 显示全部楼层
    需要演示啊
    回复

    使用道具 举报

    46

    主题

    887

    回帖

    3044

    积分

    论坛元老

    积分
    3044
    geyunbing

    46

    主题

    887

    回帖

    3044

    积分

    论坛元老

    积分
    3044
    2011-5-24 13:31:40 | 显示全部楼层
    支持了啊~~~
    回复

    使用道具 举报

    36

    主题

    149

    回帖

    836

    积分

    高级会员

    积分
    836
    95147

    36

    主题

    149

    回帖

    836

    积分

    高级会员

    积分
    836
    2011-5-24 13:37:16 | 显示全部楼层
    我去试一下
    回复

    使用道具 举报

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

    本版积分规则

    Archiver|小黑屋|HS2V主机综合交流论坛

    GMT+8, 2025-5-19 17:07 , Processed in 0.017739 second(s), 2 queries , Gzip On, Redis On.

    Powered by Discuz! X3.5

    © 2001-2024 Discuz! Team.

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