html新浪微博页面练习,js实现新浪微博首页效果

我们先来看下效果图

CSS

* { padding: 0; margin: 0; }

li { list-style: none; }

body { background: #eee; }

#t_sina { width: 390px; padding: 10px; background: #fff; margin: 50px auto 0; font-size: 12px; border: 1px solid #ccc; }

#t_sina h2 { padding: 10px 0 10px 10px; border-bottom: 1px solid #ebebeb; color: #333; font-size: 14px; }

#content { width: 390px; height: 345px; overflow: hidden; }

#content ul { width: 390px; }

#content li { width: 390px; padding: 10px 0; overflow: hidden; border-bottom: 1px dotted #9f9f9f; }

#content .pic { float: left; width: 50px; height: 50px; }

#content .pic a { display: block; width: 50px; height: 50px; background: #eee; }

#content .pic a:hover { background: #00FFFF; }</