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; }

#content p { float: right; width: 315px; margin-right: 10px; display: inline; line-height: 16px; color: #666; }

#content p a { color: #6eafd5; font-family: arial; text-decoration: none; }

#content p a:hover { text-decoration: underline; }

#content p span { color: #999; }

#t_sina dt { font-size: 14px; height: 40px; line-height: 40px; }

#t_sina dd { padding-bottom: 5px; color: #666; }

#t_sina .text { width: 320px; height: 20px; line-height: 20px; font-size: 12px; font-family: arial; color: #666; position: relative; left: 20px; }

#t_sina textarea { width: 320px; height: 80px; line-height: 20px; overflow: auto; font-size: 12px; font-family: arial; color: #666; position: relative; left: 20px; }

#t_sina .btn { position: relative; left: 55px; width: 120px; height: 30px; }

HTML

大家正在说

夜话燕子：今晚,我是一个超级大的电灯泡,探照灯级别的。现在我终于消失了，一个人在江边走走也不错诶。3分钟前
xinshangzeyu_2xr：我来自甚地？去甚地？是甚？原形是甚？是你甚？出生为甚？－－十岁。。。3分钟前
左手单刀：哎，我这算幸运么？值个破班吧居然能遇见这么罕见的状况！所以电话都断了！全都告警！还查不出故障！好吧，就这么一直没电话吧，真安静啊。。。3分钟前
斜风细雨时思念蔓延：原单位领导因为在我临行时不经然冒出了三个类母亲字句，为此付出了些许代价。我始终认为该同学智商很高，希望他可以把原单位带好~他应该也会带好，只是希望随着时间的推移他会重用所应重用的人，莫被弄臣迷了双眼~3分钟前3分钟前
粘得不得了：奖学金还不够塞牙缝。。我的和众人的3分钟前

-发布微博-: 姓名：; 内容：

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

JS实现仿新浪微博大厅和腾讯微博首页滚动效果_前端开发
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
使用weibo js，新浪微博三方登陆，帐号绑定。
最近在做利用三方资源的东西,由于以往做的是企业管理(ERP)的内网系统,初涉外网资源的互联网系统摸索了很长时间. 对于网上充斥的各种教程,我真是无力吐槽,我决定把这期间的各种问题以及相应的解决办法拿出 ...
[JS+CSS] - 新浪微博滚动特效[兼容FF,Chrome和IE6,7,8]
来源:网络 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w ...
微信小程序授权登录，跳转页面后在跳回首页不用再次登录
小程序授权登录要使用wx.getUserProfile,获得用户投头像后,做一些页面跳转功能,但是如果需要再次跳转首页的话,小程序就会有回到登录前的状态,这样体验感会很差.要想不用再次登录,也不难,只 ...
使用html+css+js制作小米首页
文章目录使用html+css+js制作小米首页 1.html制作小米官网页面结构(`index.html`) 2.使用css设置公共样式(`base.css`) 3.使用css设置页面元素样式(`i ...
html离开页面时,js实现用户离开页面前提示是否离开此页面的方法（包括浏
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...
【shiro】使用shiro搭建的项目，页面引用js，报错：Uncaught SyntaxError: Unexpected token ...
使用shiro搭建项目过程中,总是出现登录页面登录第一次有效果,登陆第二次出现302状态码,第三次又有效果,第四次又没有效果的局面. 因此,采用ajax提交页面登录的用户名和密码,但是在引用js的过 ...
全新的基于VVC思想的页面验证js框架vtor
2019独角兽企业重金招聘Python工程师标准>>> Vtor 1. 概述 vtor是一个全新的解耦合页面验证js框架.根据全新的VVC思想(validator-view ...
如何在页面调用JS函数的代码
如何在页面调用JS函数的代码这个所有的人都不能回复啊,只有一个人可以的,晕!我第一次发现JS的功能有"打下来",呵呵! 言归正传: 下面是一个很简单的例子: 首先写一个JS函数, ...
[ASP.NET]动态页面调用JS错误。保存为HTML文件就不报错了。
[ASP.NET]动态页面调用JS错误.保存为HTML文件就不报错了. 郁闷死了.因为调用的JS文件中有中文,不晓得为啥子.要设置编码就可以了. 加上type="text/javascrip ...

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

大家正在说

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

最新文章

热门文章