JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码_javascript技巧

来源：枫云教育

JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果，貌似这些天有不少朋友需要这功能，前几天已经发了几个了，不过那一个效果是用jquery实现的《jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示）》，今天发现这款是js制作的好，不敢独享，希望需要的朋友喜欢哦。

效果图展示如下：

查看演示源码下载

html代码




入山又恐别倾城 世间安得双全 不负如来不负卿
 

第一最好不相见，如此便可不相恋。


那一天 闭目在经殿香雾
 

 你见 或者不见我 我就在那里

css代码

ul, li {margin:0;padding:0;list-style:none}
a{ color:#fff;}
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;}

js代码

以上内容就是小编给大家分享的JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码，希望大家喜欢。

显示全文

全部频道

JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码_javascript技巧