js实现新浪微博首页效果

我们先来看下效果图

半铸钢钢性铸铁(铸造半钢)

* { padd : 0；保证金： 0；}李{列表式：无；} body { background : # eee } # t _ Sina { width : 390 pxpadding : 10px背景# fffmargin: 50px自动0;font-size : 12pxborder: 1px固体# CCC } # t _ Sina H2 { padd : 10px 0 10px 10px；边框-底部： 1px实心# ebebebcolor : # 333 font-size : 14px；} #内容{ width : 390 pxh three : 345 px飞越：隐藏；} #内容ul { width : 390 px } # content Li { width : 390 pxpad : 10px 0；飞越：隐藏；边框-底部： 1px虚线# 9f9f } #内容pic { float:左侧；宽度： 50px高度： 50px} #内容pic { display : }块；宽度： 50px高度： 50px背景技术# eee} #内容pic a :悬停{背景： # 00 ffff} #内容p {右侧浮动：宽度： 315像素；右边距： 10px内联显示：线高： 16pxcolor: # 666} #内容p a { color : # 6ea FD 5 font-family : arial；文本装饰：无；} #内容p a :悬停{文本装饰：下划线；} #内容p span { color : # 999 } # t _ Sina dt { font-size : 14px；高度： 40px线高： 40px} # t _ Sina DD { padding-bottom : 5px；color: # 666}#t_sina .文本{宽度： 320像素重量： 20像素线高： 20pxfont-size : 12pxfont-family : arial颜色： # 666相对位置：left : 20px } # t _ Sina textarea { width : 320 px；高度： 80px线高： 20px飞越：汽车；font-size : 12pxfont-family : arial颜色： # 666相对位置：left: 20px}#t_sina .btn {位置：相对；左： 55px宽度： 120像素；height: 30px}JS

脚本类型=' text/JavaScript ' src=' http : Ajax。js '/脚本脚本类型=' text/JavaScript ' src=' http :t _ Sina。js '/脚本html

div id='t_sina' h2大家正在说/H2 div id=' content ' ul Li div class=' pic ' a href=' # # # '/a/div pa href=' # '夜话燕子/a:今晚，我是一个超级大的电灯泡，探照灯级别的。现在我终于消失了，一个人在江边走走也不错诶br /span3分钟前/span/p/Li Li div=' pic ' a href=' # # # # '/a/div pa href=' # ' xishangzeyu _ 2xr/a:我来自甚地？去甚地？是甚？原形是甚？是你甚？出生为甚？-十岁br /span3。分钟前/span/p/Li Li div=' pic ' a href=' # # # '/a/div pa href=' # '左手单刀/a:哎，我这算幸运么？值个破班吧居然能遇见这么罕见的状况！所以电话都断了！全都告警！还查不出故障！好吧，就这么一直没电话吧，真安静啊br /span3。分钟前/span/p/Li Li div=' pic ' a href=' # # # '/a/div pa href=' # '斜风细雨时思念蔓延/a:原单位领导因为在我临行时不经然冒出了三个类母亲字句，为此付出了些许代价。我始终认为该同学智商很高，希望他可以把原单位带好~他应该也会带好，只是希望随着时间的推移他会重用所应重用的人，莫被弄臣迷了双眼~3分钟前br /span3分钟前/span/p/Li Li div=' pic ' a href=' # # # # '/a/div pa href=' # '粘得不得了/a:奖学金还不够塞牙缝。我的和众人的br /span3分钟前/span/p /li /ul /div dl dt-发布微博-/dt dd姓名：输入id=' BTN _ name ' class=' text ' type=' text '/DD内容：文本区id=' BTN _ msg '/文本区/DD输入类=' BTN ' id=' BTN _提交'类型='按钮'值='提交//DD/dl/div ul id=' tmp _ container ' style=' height :0 px； 飞越：隐藏；/ul