关于网页调用微博模块开发相关
- 根本思想：通过aspx页面读取微博SHOW然后html页面用ajax来获取详细数据
a) 前置工作（样式）：得到微博show的样式文件和，此文件可以根据需要修改 注：里面的样式可能会跟你自己的页面样式有冲突
b) 前置工作（动作）：微博可以上下滚动，引用这个js的文件，该js文件1.3.1的jquery下不兼容 我用的是1.9.1
2.代码与实现
a) 首先建一个aspx页面
在.cs中添加一下代码
1 private static string html = ""; 2 private static DateTime time = DateTime.Now; 3 4 private static string html = ""; 5 private static DateTime time = DateTime.Now; 6 protected void Page_Load(object sender, EventArgs e) 7 { 8 html = GetHttpWebRequest("http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=0&noborder=0&isWeibo=1&isFans=0&uid=2922998432&verifier=5375064e&dpc=1"); 9 Response.Write(html); 10 } 11 12 13 private string GetHttpWebRequest(string url) 14 { 15 16 Uri uri = new Uri(url); 17 18 HttpWebRequest myReq = (HttpWebRequest)WebRequest.Create(uri); 19 20 myReq.UserAgent = "User-Agent:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; .NET CLR 1.0.3705"; 21 22 myReq.Accept = "*/*"; 23 24 myReq.KeepAlive = true; 25 26 myReq.Headers.Add("Accept-Language", "zh-cn,en-us;q=0.5"); 27 28 HttpWebResponse result = (HttpWebResponse)myReq.GetResponse(); 29 30 Stream receviceStream = result.GetResponseStream(); 31 32 StreamReader readerOfStream = new StreamReader(receviceStream, System.Text.Encoding.GetEncoding("utf-8")); 33 34 string strHTML = readerOfStream.ReadToEnd(); 35 36 readerOfStream.Close(); 37 38 receviceStream.Close(); 39 40 result.Close(); 41 42 return strHTML; 43 44 }
注：GetHttpWebRequest()方法的参数 是从新浪微博开放平台的微博秀功能模块修改好直接复制链接过来的 具体路径额 大家还是自己去百度直接搜“新浪微博秀”然后登录吧 我微博账号一时想不起来
读取微博的页面做好了 这个时候大家可以打开这个aspx页面看看你自己设置的微博秀，下一步就是调用了
b) 新建一个html页面添加如下引用
<script src="jquery-1.9.1.js" type="text/javascript"></script> <script src="autoscroll.js" type="text/javascript"></script> <link href="sinaV.css" rel="stylesheet" type="text/css" /> <link href="weiboShow_css.css" rel="stylesheet" type="text/css" />
思来想去我还是分别发出来吧
function autoscroll (opt) { if(!opt) var opt = {}; var _this = this; _this._speed = opt.speed; _this._t = null; _this.old = -1; _this.cur = -1; _this.count = opt.count; _this.btns = opt.btns; _this.btnpre = opt.pre; _this.btnext = opt.next; _this.running = false; _this.go = null; _this.stop = function() { clearInterval(_this._t); }; _this.start = function() { _this.scroll(); }; _this.index = function(i) { if(_this.cur == i) return(false); _this.old = _this.cur; _this.cur = i; _this.stop(); _this.go(i); } _this.pre = function() { if(_this.cur <= 0 || _this.count <= 1) return(false); else { _this.stop(); _this.old = _this.cur; _this.cur--; _this.go(_this.cur); } }; _this.next = function() { if(_this.cur + 1 >= _this.count) return(false); else { _this.stop(); _this.old = _this.cur; _this.cur++; _this.go(_this.cur); } }; if(_this.btns) { _this.btns.hover(function() { _this.stop(); }, function() { _this.start(); }); } if(_this.btnpre && _this.btnext) { _this.btnpre.hover(function() { _this.stop(); }, function() { _this.start(); }); _this.btnext.hover(function() { _this.stop(); }, function() { _this.start(); }); } _this.scroll = function() { _this._t = setInterval(function() { _this.stop(); if(_this.cur + 1 >= _this.count) { _this.old = _this.cur; _this.cur = 0; _this.go(0); } else { _this.old = _this.cur; _this.cur++; _this.go(_this.cur); } _this.start(); }, _this._speed); } }
@charset "utf-8"; /* 公用部分开始 */ /*body{margin:0 auto; font-size:12px; font-family:Verdana, 宋体; color:#000;}*/ /*img{border:0;} a{text-decoration:none;} a:hover{color:#F00;} ul,ul li{list-style-type:none;}*/ /*dl,dl dt,dl dd{margin:0; padding:0;}*/ .f14{font-size:14px;} .f12{font-size:12px;} .fblack{color:#000;} .fred{color:#fd1212;} .forange{color:#fd8612;} .fblue{color:#1988e6;} .fgray{color:#ccc;} .fstrong{font-weight:bold;} .fweiruan{font-family:微软雅黑;} .clear{clear:both; font-size:0; padding:0; margin:0;} /* 微博样式开始 */ .weibobox{width:320px; height:145px; background:#addef8;FONT: 12px/1.125 Arial,Helvetica,sans-serif} .weibobox li{width:284px; height:135px; margin:5px 0 0 5px; _margin:5px 0 0 3px; background:#fff; float:left;} .weibobox li dt{width:80px; height:125px; margin:10px 0 0 13px; _margin:10px 0 0 5px; float:left;} .weibobox li dd.bt,.weibobox dl dd.zw{width:180px; line-height:22px; float:left; overflow:hidden; padding-left:10px;} .weibobox li dd.bt{height:22px; padding-top:5px; padding-bottom:5px;} .weibobox li dd.zw{height:150px;width:250px; padding-top:5px;} .weibobox .bluebox{width:30px; height:135px; margin-top:5px;margin-right:5px; float:right;} .weibobox .bluebox span.jts,.weibobox .bluebox span.jtx{width:30px; height:11px;} .weibobox .bluebox span.jts a,.weibobox .bluebox span.jtx a{display:block; width:30px; height:11px;} .weibobox .bluebox span.jts a{background:url(jts.jpg) no-repeat center top;} .weibobox .bluebox span.jtx a{background:url(jtx.jpg) no-repeat center top;} .weibobox .bluebox span.sxwz{width:30px; height:105px; padding-top:13px; text-align:center; line-height:20px;} .weibobox span,ul,ul li{display:block; float:left; margin:0; padding:0;} /*.weibobox H1 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox H2 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox H3 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox H4 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox H5 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox H6 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox DL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox DT { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox DD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox OL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox LI { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox TH { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox TD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox P { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .weibobox BUTTON { FONT: 12px/1.125 Arial,Helvetica,sans-serif } .weibobox INPUT { FONT: 12px/1.125 Arial,Helvetica,sans-serif } .weibobox SELECT { FONT: 12px/1.125 Arial,Helvetica,sans-serif } .weibobox TEXTAREA { FONT: 12px/1.125 Arial,Helvetica,sans-serif } .weibobox BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px }*/
/* 由开发人员工具生成。它可能不是原始源文件的准确表示形式。*/ /*BODY { FONT: 12px/1.125 Arial,Helvetica,sans-serif } BUTTON { FONT: 12px/1.125 Arial,Helvetica,sans-serif } INPUT { FONT: 12px/1.125 Arial,Helvetica,sans-serif } SELECT { FONT: 12px/1.125 Arial,Helvetica,sans-serif } TEXTAREA { FONT: 12px/1.125 Arial,Helvetica,sans-serif }*/ /*BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H1 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H2 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H3 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px }*/ /*H4 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H5 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H6 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DT { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } OL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } LI { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TH { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } P { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } BLOCKQUOTE { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } PRE { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } FORM { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } FIELDSET { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } LEGEND { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } INPUT { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } BUTTON { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TEXTAREA { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } HR { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TABLE { BORDER-SPACING: 0; BORDER-COLLAPSE: collapse } LI { LIST-STYLE-TYPE: none } FIELDSET { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } IMG { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px }*/ /*Q:before { CONTENT: '' } Q:after { CONTENT: '' } INPUT { OUTLINE-STYLE: none } TEXTAREA { OUTLINE-STYLE: none } INPUT[type='text'] { OUTLINE-STYLE: none; -webkit-appearance: none } INPUT[type='password'] { OUTLINE-STYLE: none; -webkit-appearance: none } TEXTAREA { OUTLINE-STYLE: none; -webkit-appearance: none } TEXTAREA { resize: none }*/ /*ADDRESS { FONT-STYLE: normal; FONT-WEIGHT: normal } CAPTION { FONT-STYLE: normal; FONT-WEIGHT: normal } CITE { FONT-STYLE: normal; FONT-WEIGHT: normal } CODE { FONT-STYLE: normal; FONT-WEIGHT: normal } DFN { FONT-STYLE: normal; FONT-WEIGHT: normal } EM { FONT-STYLE: normal; FONT-WEIGHT: normal } I { FONT-STYLE: normal; FONT-WEIGHT: normal } TH { FONT-STYLE: normal; FONT-WEIGHT: normal } VAR { FONT-STYLE: normal; FONT-WEIGHT: normal } LEGEND { COLOR: #000 }*/ /*ABBR { BORDER-RIGHT-WIDTH: 0px; FONT-VARIANT: normal; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } ACRONYM { BORDER-RIGHT-WIDTH: 0px; FONT-VARIANT: normal; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } A { TEXT-DECORATION: none } U { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: underline } .clearfix:after { DISPLAY: table; CLEAR: both; CONTENT: "" } .clearfix { ZOOM: 1 } .clear { FONT: 0px/0 Arial; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both }*/ /*BODY { COLOR: #646464 } BODY A { COLOR: #1582bd } .WB_linkA A { COLOR: #1582bd } .WB_linkA { COLOR: #1582bd } .WB_linkB A { COLOR: #7aa5b9 } .WB_linkB { COLOR: #7aa5b9 } .WB_logo { PADDING-BOTTOM: 0px; LINE-HEIGHT: 200px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 140px; PADDING-RIGHT: 0px; BACKGROUND: url(../../images/library/base/wb_logo.png?id=1395901125982); HEIGHT: 44px; OVERFLOW: hidden; PADDING-TOP: 0px; _background-image: url(../../images/library/base/wb_logo.gif?id=1395901125982) } .WB_logo A { DISPLAY: block } .WB_logo16a { LINE-HEIGHT: 200px; WIDTH: 16px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/wb_logo16_a.png?id=1367910055834) no-repeat; HEIGHT: 14px; FONT-SIZE: 0px; OVERFLOW: hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://img.t.sinajs.cn/t4/appstyle/widget/images/library/base/wb_logo16_a.png?id=1367910055834') } .WB_logo_S { PADDING-BOTTOM: 0px; LINE-HEIGHT: 200px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 113px; PADDING-RIGHT: 0px; BACKGROUND: url(../../images/library/base/wb_logo.png?id=1395901125982) 0px -52px; HEIGHT: 34px; OVERFLOW: hidden; PADDING-TOP: 0px; _background-image: url(../../images/library/base/wb_logo.gif?id=1395901125982) } .WB_logo_S A { DISPLAY: block } .WB_xline1 { BACKGROUND: url(../../images/library/base/wb_xline_s1.png?id=1367910055834) no-repeat center 0px; _background-image: url(../../images/library/base/wb_xline_s1.gif?id=1367910055834) } .WB_xline2 { BACKGROUND: url(../../images/library/base/wb_xline_s2.png?id=1367910055834) no-repeat center 0px } .WB_xlinen { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb192d',endColorstr='#fdb940',GradientType=1) } .WB_iptxt { BORDER-BOTTOM: #bebebe 1px solid; BORDER-LEFT: #bebebe 1px solid; BACKGROUND: #fafafa; BORDER-TOP: #bebebe 1px solid; BORDER-RIGHT: #bebebe 1px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF } .WB_iptxt:focus { BORDER-BOTTOM: #ffb941 1px solid; BORDER-LEFT: #ffb941 1px solid; BACKGROUND: #fff; BORDER-TOP: #ffb941 1px solid; BORDER-RIGHT: #ffb941 1px solid; -moz-box-shadow: 0 1px 0 #e1e1e1 inset; -webkit-box-shadow: 0 1px 0 #e1e1e1 inset; box-shadow: 0 1px 0 #e1e1e1 inset } .WB_textarea { BORDER-BOTTOM: #bebebe 1px solid; BORDER-LEFT: #bebebe 1px solid; OVERFLOW-Y: auto; OUTLINE-STYLE: none; FONT: 14px/1.125 Arial,Helvetica,sans-serif; BACKGROUND: url(../../images/library/base/bg_sharebox.png?id=1367910055834) #fff no-repeat 100% 100%; OVERFLOW: hidden; BORDER-TOP: #bebebe 1px solid; BORDER-RIGHT: #bebebe 1px solid; -webkit-appearance: none; resize: none; _background-image: url(../../images/library/base/bg_sharebox.gif?id=1367910055834); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0 1px 0 0 rgba(240,240,240,1); -webkit-box-shadow: 0 1px 0 0 rgba(240,240,240,1); box-shadow: 0 1px 0 0 rgba(240,240,240,1) } .WB_textarea:focus { BORDER-BOTTOM: #ffdca0 1px solid; BORDER-LEFT: #ffdca0 1px solid; BORDER-TOP: #ffdca0 1px solid; BORDER-RIGHT: #ffdca0 1px solid; -moz-box-shadow: 0 0 5px rgba(255,185,65,.5); -webkit-box-shadow: 0 0 5px rgba(255,185,65,.5); box-shadow: 0 0 5px rgba(255,185,65,.5); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .WB_textarea_auto { BORDER-BOTTOM: #bebebe 1px solid; BORDER-LEFT: #bebebe 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(../../images/library/base/bg_sharebox.png?id=1367910055834) #fff no-repeat 100% 100%; BORDER-TOP: #bebebe 1px solid; BORDER-RIGHT: #bebebe 1px solid; PADDING-TOP: 10px; _background-image: url(../../images/library/base/bg_sharebox.gif?id=1367910055834); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0 1px 0 0 rgba(240,240,240,1); -webkit-box-shadow: 0 1px 0 0 rgba(240,240,240,1); box-shadow: 0 1px 0 0 rgba(240,240,240,1) } .WB_textarea_auto .textarea_inner { BORDER-BOTTOM-STYLE: none; OVERFLOW-Y: auto; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; WIDTH: 100%; FONT: 14px/1.125 Arial,Helvetica,sans-serif; BORDER-TOP-STYLE: none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT-STYLE: none; OVERFLOW: hidden; -webkit-appearance: none; resize: none } .WB_textarea_foucs { BORDER-BOTTOM: #ffdca0 1px solid; BORDER-LEFT: #ffdca0 1px solid; BORDER-TOP: #ffdca0 1px solid; BORDER-RIGHT: #ffdca0 1px solid; -moz-box-shadow: 0 0 5px rgba(255,185,65,.5); -webkit-box-shadow: 0 0 5px rgba(255,185,65,.5); box-shadow: 0 0 5px rgba(255,185,65,.5); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .WB_checkbox { WIDTH: 13px; HEIGHT: 13px; VERTICAL-ALIGN: 1px } .WB_icon { ZOOM: 1; DISPLAY: inline-block; VERTICAL-ALIGN: middle; _vertical-align: baseline } .WB_icon_txt { ZOOM: 1; DISPLAY: inline-block; VERTICAL-ALIGN: middle; _vertical-align: baseline } A .WB_icon_txt { CURSOR: pointer } A:hover .WB_icon_txt { TEXT-DECORATION: underline } .WB_tipB_ok { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipB_err { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipB_warn { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipB_warn_red { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipB_ques { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipS_ok { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipS_err { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipS_warn { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipS_ques { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipS_num { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipS_numWarn { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_tips.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/base/icon_tips.gif?id=1367910055834) } .WB_tipB_ok { WIDTH: 37px; HEIGHT: 42px } .WB_tipB_err { WIDTH: 37px; HEIGHT: 42px } .WB_tipB_warn { WIDTH: 37px; HEIGHT: 42px } .WB_tipB_warn_red { WIDTH: 37px; HEIGHT: 42px } .WB_tipB_ques { WIDTH: 37px; HEIGHT: 42px } .WB_tipS_num { WIDTH: 37px; HEIGHT: 42px } .WB_tipS_numWarn { WIDTH: 37px; HEIGHT: 42px } .WB_tipS_ok { WIDTH: 16px; HEIGHT: 16px } .WB_tipS_err { WIDTH: 16px; HEIGHT: 16px } .WB_tipS_warn { WIDTH: 16px; HEIGHT: 16px } .WB_tipS_ques { WIDTH: 16px; HEIGHT: 16px } .WB_tipB_ok { BACKGROUND-POSITION: 0px 0px } .WB_tipB_err { BACKGROUND-POSITION: -57px 0px } .WB_tipB_warn { BACKGROUND-POSITION: -113px 0px } .WB_tipB_warn_red { BACKGROUND-POSITION: -341px 0px } .WB_tipB_ques { BACKGROUND-POSITION: -170px 0px } .WB_tipS_num { BACKGROUND-POSITION: -227px 0px } .WB_tipS_numWarn { BACKGROUND-POSITION: -284px 0px } .WB_tipS_ok { BACKGROUND-POSITION: -11px -67px } .WB_tipS_err { BACKGROUND-POSITION: -67px -67px } .WB_tipS_warn { BACKGROUND-POSITION: -124px -67px } .WB_tipS_ques { BACKGROUND-POSITION: -181px -67px } .WB_tipS_num { TEXT-ALIGN: center; FONT: 18px/36px Georgia,Constantia; COLOR: #fff } .WB_tipS_numWarn { TEXT-ALIGN: center; FONT: 18px/36px Georgia,Constantia; COLOR: #fff } .WB_check_icon { BACKGROUND: url(../../images/library/base/icon_tools.png?id=1367910055834) no-repeat } .WB_ctl_prv { BACKGROUND: url(../../images/library/base/icon_tools.png?id=1367910055834) no-repeat } .WB_ctl_nxt { BACKGROUND: url(../../images/library/base/icon_tools.png?id=1367910055834) no-repeat } .WB_ctl_prv_dis { BACKGROUND: url(../../images/library/base/icon_tools.png?id=1367910055834) no-repeat } .WB_ctl_nxt_dis { BACKGROUND: url(../../images/library/base/icon_tools.png?id=1367910055834) no-repeat } .WB_check_icon { WIDTH: 14px; DISPLAY: inline-block; HEIGHT: 14px } .WB_ctl_prv { LINE-HEIGHT: 200px; WIDTH: 17px; DISPLAY: block; FLOAT: left; HEIGHT: 17px; OVERFLOW: hidden } .WB_ctl_nxt { LINE-HEIGHT: 200px; WIDTH: 17px; DISPLAY: block; FLOAT: left; HEIGHT: 17px; OVERFLOW: hidden } .WB_ctl_prv_dis { LINE-HEIGHT: 200px; WIDTH: 17px; DISPLAY: block; FLOAT: left; HEIGHT: 17px; OVERFLOW: hidden } .WB_ctl_nxt_dis { LINE-HEIGHT: 200px; WIDTH: 17px; DISPLAY: block; FLOAT: left; HEIGHT: 17px; OVERFLOW: hidden } .WB_ctl_prv { BACKGROUND-POSITION: -74px 0px } .WB_ctl_nxt { BACKGROUND-POSITION: -101px 0px } .WB_ctl_prv:hover { BACKGROUND-POSITION: -74px -18px } .WB_ctl_nxt:hover { BACKGROUND-POSITION: -101px -18px } .WB_ctl_prv_dis { BACKGROUND-POSITION: -74px -36px; CURSOR: default } .WB_ctl_nxt_dis { BACKGROUND-POSITION: -101px -36px; CURSOR: default } A.WB_ctl_prv_dis { BACKGROUND-POSITION: -74px -36px; CURSOR: default } A.WB_ctl_nxt_dis { BACKGROUND-POSITION: -101px -36px; CURSOR: default } .WB_loadingB { WIDTH: 23px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/loading2.gif?id=1367910055834); HEIGHT: 23px; VERTICAL-ALIGN: middle } .WB_loadingS { WIDTH: 18px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/loading1.gif?id=1367910055834); HEIGHT: 18px; VERTICAL-ALIGN: middle } .WB_loadingMini { WIDTH: 15px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/loading4.gif?id=1367910055834); HEIGHT: 15px; VERTICAL-ALIGN: middle } .WB_loadingbgS { BACKGROUND-IMAGE: url(../../images/library/base/loading1.gif?id=1367910055834); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center } .WB_state_fail { DISPLAY: block; BACKGROUND: url(../../images/library/base/state_fail.png?id=1367910055834) no-repeat center top; HEIGHT: 245px; _background: url(../../images/library/base/state_fail.gif?id=1367910055834) no-repeat top center } .WB_vline { MARGIN: 0px 3px; COLOR: #ccc } .WB_big_cursor { CURSOR: url(http://img.t.sinajs.cn/t5/style/images/common/big.cur),auto !important } .WB_small_cursor { CURSOR: url(http://img.t.sinajs.cn/t5/style/images/common/small.cur),auto !important } .WB_checkbox2 { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 3px } .WB_ico_face { WIDTH: 16px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/publisher_icons/publisher_icons.png?id=1367910055834) no-repeat; HEIGHT: 16px; _background-image: url(../../images/library/publisher_icons/publisher_icons_ie6.png?id=1367910055834) } .WB_ico_pic { WIDTH: 16px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/publisher_icons/publisher_icons.png?id=1367910055834) no-repeat; HEIGHT: 16px; _background-image: url(../../images/library/publisher_icons/publisher_icons_ie6.png?id=1367910055834) } .WB_ico_topic { WIDTH: 16px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/publisher_icons/publisher_icons.png?id=1367910055834) no-repeat; HEIGHT: 16px; _background-image: url(../../images/library/publisher_icons/publisher_icons_ie6.png?id=1367910055834) } .WB_ico_face { BACKGROUND-POSITION: 0px 0px } .WB_ico_pic { BACKGROUND-POSITION: 0px -20px } .WB_ico_topic { BACKGROUND-POSITION: 0px -40px } .WB_pages_minibtn { TEXT-ALIGN: right; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .WB_pages_minibtn .reverse { WIDTH: 17px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/ui_items_icons/ui_items.png?id=1367910055834) no-repeat; HEIGHT: 17px; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/ui_items_icons/ui_items_ie6.png?id=1367910055834) } .WB_pages_minibtn .reverse_disabled { WIDTH: 17px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/ui_items_icons/ui_items.png?id=1367910055834) no-repeat; HEIGHT: 17px; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/ui_items_icons/ui_items_ie6.png?id=1367910055834) } .WB_pages_minibtn .next { WIDTH: 17px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/ui_items_icons/ui_items.png?id=1367910055834) no-repeat; HEIGHT: 17px; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/ui_items_icons/ui_items_ie6.png?id=1367910055834) } .WB_pages_minibtn .next_disabled { WIDTH: 17px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/ui_items_icons/ui_items.png?id=1367910055834) no-repeat; HEIGHT: 17px; VERTICAL-ALIGN: middle; _background-image: url(../../images/library/ui_items_icons/ui_items_ie6.png?id=1367910055834) } .WB_pages_minibtn .reverse { MARGIN: 0px 7px 0px 0px; BACKGROUND-POSITION: -100px -20px } .WB_pages_minibtn .reverse:hover { BACKGROUND-POSITION: -120px -20px } .WB_pages_minibtn .reverse_disabled { MARGIN: 0px 7px 0px 0px; BACKGROUND-POSITION: -140px -20px } .WB_pages_minibtn .next { MARGIN: 0px 0px 0px 7px; BACKGROUND-POSITION: -100px 0px } .WB_pages_minibtn .next:hover { BACKGROUND-POSITION: -120px 0px } .WB_pages_minibtn .next_disabled { MARGIN: 0px 0px 0px 7px; BACKGROUND-POSITION: -140px 0px } .WB_pages_minibtn .pages_item { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 15px; MARGIN: 0px 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: inline-block; HEIGHT: 15px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px } .WB_pages_minibtn .pages_item:hover { TEXT-DECORATION: none !important } .WB_pages_minibtn .page_info { MARGIN: 0px 10px } .WB_input { BORDER-BOTTOM: #f2f2f2 1px solid; BORDER-LEFT: #cfcfcf 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 28px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #fff; HEIGHT: 28px; COLOR: #333; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; BORDER-TOP: #c2c2c2 1px solid; BORDER-RIGHT: #efefef 1px solid; PADDING-TOP: 0px } .WB_ico_female { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .WB_ico_male { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .WB_approve { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .WB_approve_co { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .WB_ico_club { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .WB_ico_member { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .approve { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .approve_co { DISPLAY: inline-block; BACKGROUND: url(icon_user.png?id=1367910055834) no-repeat 0px 50%; _background-image: url(../../images/library/base/icon_user_ie6.png?id=1367910055834) } .approve { WIDTH: 16px; BACKGROUND-POSITION: 0px -40px; HEIGHT: 15px; VERTICAL-ALIGN: middle } .approve_co { WIDTH: 16px; BACKGROUND-POSITION: 0px -60px; HEIGHT: 15px; VERTICAL-ALIGN: middle } .WB_ico_male { WIDTH: 12px; BACKGROUND-POSITION: 0px 0px; HEIGHT: 13px; VERTICAL-ALIGN: text-bottom } .WB_ico_female { WIDTH: 12px; BACKGROUND-POSITION: 0px -20px; HEIGHT: 13px; VERTICAL-ALIGN: text-bottom } .WB_approve { WIDTH: 16px; BACKGROUND-POSITION: 0px -40px; HEIGHT: 15px; VERTICAL-ALIGN: middle } .WB_approve_co { WIDTH: 16px; BACKGROUND-POSITION: 0px -60px; HEIGHT: 15px; VERTICAL-ALIGN: middle } .WB_ico_club { WIDTH: 14px; BACKGROUND-POSITION: 0px -80px; HEIGHT: 15px; VERTICAL-ALIGN: middle } .WB_ico_movie { DISPLAY: inline-block !important; BACKGROUND: url(../../images/library/base/icon_weibo_content.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle } .WB_ico_music { DISPLAY: inline-block !important; BACKGROUND: url(../../images/library/base/icon_weibo_content.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle } .WB_ico_picture { DISPLAY: inline-block !important; BACKGROUND: url(../../images/library/base/icon_weibo_content.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle } .WB_ico_movie { WIDTH: 14px; BACKGROUND-POSITION: 0px 0px; HEIGHT: 13px } .WB_ico_music { WIDTH: 14px; BACKGROUND-POSITION: 0px -25px; HEIGHT: 13px } .WB_ico_picture { WIDTH: 14px; BACKGROUND-POSITION: 0px -50px; HEIGHT: 13px } .WB_btnA { FONT-SIZE: 12px } .WB_btnB { FONT-SIZE: 12px } .WB_btnC { FONT-SIZE: 12px } .WB_btnA EM { FONT-STYLE: normal } .WB_btnB EM { FONT-STYLE: normal } .WB_btnC EM { FONT-STYLE: normal } .WB_btnA { MIN-WIDTH: 35px; LINE-HEIGHT: 28px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat; HEIGHT: 29px; COLOR: #fff; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none } .WB_btnA SPAN { MIN-WIDTH: 35px; LINE-HEIGHT: 28px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat; HEIGHT: 29px; COLOR: #fff; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none } .WB_btnA_loading { MIN-WIDTH: 35px; LINE-HEIGHT: 28px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat; HEIGHT: 29px; COLOR: #fff; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none } .WB_btnA { TEXT-ALIGN: center; PADDING-LEFT: 4px; text-shadow: 0 1px 0 rgba(0,0,0,.2) } .WB_btnA SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 10px; BACKGROUND-POSITION: 100% -28px; PADDING-TOP: 0px } .WB_btnA:hover { BACKGROUND-POSITION: 0px -56px; TEXT-DECORATION: none !important } .WB_btnA_loading { BACKGROUND-POSITION: 0px -56px; TEXT-DECORATION: none !important } .WB_btnA:hover SPAN { BACKGROUND-POSITION: 100% -84px } .WB_btnA_loading SPAN { BACKGROUND-POSITION: 100% -84px } .WB_btnA:active { BACKGROUND-POSITION: 0px -112px } .WB_btnA:active SPAN { BACKGROUND-POSITION: 100% -141px } .WB_btnA EM { FLOAT: left } .WB_btnB { MIN-WIDTH: 35px; LINE-HEIGHT: 28px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat; HEIGHT: 29px; COLOR: #787878; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none } .WB_btnB SPAN { MIN-WIDTH: 35px; LINE-HEIGHT: 28px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat; HEIGHT: 29px; COLOR: #787878; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none } .WB_btnB { TEXT-ALIGN: center; PADDING-LEFT: 4px; BACKGROUND-POSITION: 0px -169px; text-shadow: 0 1px 0 #FFF } .WB_btnB SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 10px; BACKGROUND-POSITION: 100% -197px; PADDING-TOP: 0px } .WB_btnB:hover { BACKGROUND-POSITION: 0px -225px; TEXT-DECORATION: none !important } .WB_btnB:hover SPAN { BACKGROUND-POSITION: 100% -254px } .WB_btnB:active { BACKGROUND-POSITION: 0px -281px } .WB_btnB:active SPAN { BACKGROUND-POSITION: 100% -310px } .WB_btnC { PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; DISPLAY: inline-block; PADDING-TOP: 2px } .WB_btnC SPAN { BORDER-BOTTOM: #d8d8d8 1px solid; BORDER-LEFT: #d8d8d8 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; DISPLAY: inline-block; BACKGROUND: #f8f8f8; HEIGHT: 23px; OVERFLOW: hidden; BORDER-TOP: #d8d8d8 1px solid; BORDER-RIGHT: #d8d8d8 1px solid; PADDING-TOP: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .WB_btnC EM { FLOAT: left } .WB_btnA .WB_btnicn_add { MARGIN: 10px 3px 0px 0px; WIDTH: 8px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_follow.png?id=1367910055834) no-repeat; HEIGHT: 8px; OVERFLOW: hidden } .WB_btnC .WB_btnicn_ok { MARGIN: 10px 3px 0px 0px; WIDTH: 8px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_follow.png?id=1367910055834) no-repeat; HEIGHT: 8px; OVERFLOW: hidden } .WB_btnC .WB_btnicn_each { MARGIN: 10px 3px 0px 0px; WIDTH: 8px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_follow.png?id=1367910055834) no-repeat; HEIGHT: 8px; OVERFLOW: hidden } .WB_btnA_loading .WB_btnicn_add { MARGIN: 5px 3px 0px 0px; WIDTH: 18px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/loading3.gif?id=1367910055834); HEIGHT: 18px } .WB_btnC .WB_btnicn_ok { MARGIN-TOP: 8px; WIDTH: 11px; BACKGROUND-POSITION: -18px 0px; HEIGHT: 8px } .WB_btnC .WB_btnL { BORDER-LEFT: #d3d3d3 1px solid; LINE-HEIGHT: 0; MARGIN: 3px 8px 0px 10px; WIDTH: 1px; HEIGHT: 16px; COLOR: #d3d3d3; FONT-SIZE: 0px; OVERFLOW: hidden } .WB_btnC .WB_btnicn_each { MARGIN-TOP: 6px; WIDTH: 11px; BACKGROUND-POSITION: -39px 0px; HEIGHT: 12px } .WB_btnC .WB_btnicn_loading { MARGIN: 3px 3px 0px 0px; WIDTH: 18px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/loading1.gif?id=1367910055834); HEIGHT: 18px } .WB_widgets .WB_btnB { BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat } .WB_widgets .WB_btnB { BACKGROUND-POSITION: 0px -169px } .WB_widgets .WB_btnB:hover { BACKGROUND-POSITION: 0px -225px } .WB_widgets .WB_btnB:active { BACKGROUND-POSITION: 0px -281px } .WB_widgets .WB_btnD { DISPLAY: inline-block; HEIGHT: 32px } .WB_widgets .WB_btnD SPAN { DISPLAY: inline-block; HEIGHT: 32px } .WB_widgets .WB_btnD { LINE-HEIGHT: 32px; PADDING-LEFT: 4px; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat left -360px } .WB_widgets .WB_btnD SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 16px; BACKGROUND: url(../../images/library/base/btns_bg.png?id=1367910055834) no-repeat right -400px; COLOR: #fff; PADDING-TOP: 0px } .WB_widgets .WB_btnD:hover { BACKGROUND-POSITION: left -440px; TEXT-DECORATION: none !important } .WB_widgets .WB_btnD:hover SPAN { BACKGROUND-POSITION: right -480px } .WB_widgets .WB_btnD:active { BACKGROUND-POSITION: left -520px } .WB_widgets .WB_btnD:active SPAN { BACKGROUND-POSITION: right -560px } .WB_widgets_icon_img { WIDTH: 13px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_largeimg.gif?id=1367910055834) no-repeat; HEIGHT: 12px; VERTICAL-ALIGN: middle; _vertical-align: -2px } .WB_widgets_layer_picshow { POSITION: absolute; BACKGROUND: #fff } .WB_widgets_layer_picshow IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px } .W_layer { Z-INDEX: 9999; POSITION: absolute; COLOR: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px } .W_layer .bg { PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(../../images/library/base/layer_bg.png?id=1367910055834); PADDING-TOP: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .W_layer .content { BORDER-BOTTOM: #c6c6c6 1px solid; POSITION: relative; BORDER-LEFT: #c6c6c6 1px solid; BACKGROUND: #fff; BORDER-TOP: #c6c6c6 1px solid; BORDER-RIGHT: #c6c6c6 1px solid; -moz-border-radius: 3px } .layer_mini_info { PADDING-BOTTOM: 15px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 15px } .layer_mini_info .btn { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 150px; PADDING-RIGHT: 0px; PADDING-TOP: 15px } .layer_mini_info .btn A { MARGIN: 0px 5px } .layer_mini_info .noicon { MARGIN: 12px 0px 0px } .layer_mini_info .ckbox { WIDTH: 14px; HEIGHT: 14px; MARGIN-RIGHT: 5px } .layer_mini_info .tip_icon { VERTICAL-ALIGN: -1px; MARGIN-RIGHT: 5px; _vertical-align: 1px } .WB_tips_yls { BORDER-BOTTOM: #d2d2d2 1px solid; POSITION: absolute; BORDER-LEFT: #d2d2d2 1px solid; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 24px; FONT: 12px/1.125 Arial,Helvetica,sans-serif; BACKGROUND: #fffcc6; COLOR: #646464; BORDER-TOP: #d2d2d2 1px solid; BORDER-RIGHT: #d2d2d2 1px solid; PADDING-TOP: 8px; -moz-box-shadow: 1px 1px 0 #FFF inset,2px 4px 0 rgba(0,0,0,.2); -webkit-box-shadow: 1px 1px 0 #FFF inset,2px 4px 0 rgba(0,0,0,.2); box-shadow: 1px 1px 0 #FFF inset,2px 4px 0 rgba(0,0,0,.2) } .WB_tips_yls A { COLOR: #0078b6 } .WB_tips_yls .arr { POSITION: absolute; WIDTH: 22px; BOTTOM: -12px; BACKGROUND: url(../../images/library/tips/bg_tips.png?id=1367910055834) no-repeat 0px -20px; HEIGHT: 12px; OVERFLOW: hidden; LEFT: 12px } .WB_tips_yls .arr:before { BORDER-BOTTOM: transparent 7px solid; POSITION: absolute; BORDER-LEFT: transparent 7px solid; WIDTH: 0px; BOTTOM: -7px; DISPLAY: block; HEIGHT: 0px; BORDER-TOP: 7px solid; CONTENT: ""; BORDER-RIGHT: transparent 7px solid; LEFT: 0px } .WB_tips_yls .arr:after { POSITION: absolute; WIDTH: 14px; BOTTOM: 7px; DISPLAY: none; BACKGROUND: #fffcc6; HEIGHT: 14px; CONTENT: ""; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .WB_tips_yls .WB_tipS_err { VERTICAL-ALIGN: middle } .WB_tips_yls .WB_sp_txt { COLOR: #f00; MARGIN-LEFT: 3px; VERTICAL-ALIGN: middle } .WB_tips_yls .close { POSITION: absolute; WIDTH: 8px; BACKGROUND: url(../../images/library/tips/close_icon.png?id=1367910055834) 0px -20px; HEIGHT: 7px; FONT-SIZE: 0px; OVERFLOW: hidden; TOP: 10px; RIGHT: 10px } .WB_tips_mini .close { POSITION: absolute; WIDTH: 8px; BACKGROUND: url(../../images/library/tips/close_icon.png?id=1367910055834) 0px -20px; HEIGHT: 7px; FONT-SIZE: 0px; OVERFLOW: hidden; TOP: 10px; RIGHT: 10px } .WB_tips_yls .close:hover { BACKGROUND-POSITION: 0px -28px } .WB_tips_mini .close:hover { BACKGROUND-POSITION: 0px -28px } .WB_tips_mini { BORDER-BOTTOM: #f9f2a7 1px solid; POSITION: absolute; BORDER-LEFT: #f9f2a7 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT: 12px/20px Arial,Helvetica,sans-serif; BACKGROUND: #feffe5; HEIGHT: 20px; COLOR: #666; BORDER-TOP: #f9f2a7 1px solid; BORDER-RIGHT: #f9f2a7 1px solid; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .WB_tips_mini A { COLOR: #0078b6 } .WB_tips_mini .tm_arr { POSITION: absolute; WIDTH: 8px; BOTTOM: -5px; BACKGROUND: url(../../images/library/tips/bg_tips.png?id=1367910055834) 0px 0px; HEIGHT: 5px; OVERFLOW: hidden; LEFT: 10px } .WB_tips_mini .close { TOP: 7px } .WB_tips_mini .WB_icon_txt { MARGIN-LEFT: 5px } .WB_tm_ctrl { PADDING-RIGHT: 25px } .WB_t_err { COLOR: #e24714 } .WB_tips_wait { POSITION: absolute; PADDING-BOTTOM: 17px; PADDING-LEFT: 19px; PADDING-RIGHT: 19px; FONT: 700 14px/1.125 Arial,Helvetica,sans-serif; BACKGROUND: url(../../images/library/tips/tip_bg.png?id=1367910055834); COLOR: #fff; PADDING-TOP: 17px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; _background: #444 } .WB_tips_wait A { COLOR: #0078b6 } .WB_tips_wait .WB_icon_txt { PADDING-LEFT: 5px; _padding-bottom: 2px } .WB_tips_show { BORDER-BOTTOM: #d2d2d2 1px solid; POSITION: absolute; BORDER-LEFT: #d2d2d2 1px solid; FONT: 12px/1.125 Arial,Helvetica,sans-serif; BACKGROUND: #fff; COLOR: #646464; BORDER-TOP: #d2d2d2 1px solid; BORDER-RIGHT: #d2d2d2 1px solid; -webkit-box-shadow: 1px 1px 0 #FFF inset,2px 4px 0 rgba(0,0,0,.2); box-shadow: 1px 1px 0 #FFF inset,2px 4px 0 rgba(0,0,0,.2) } .WB_tips_show A { COLOR: #0078b6 } .WB_tips_show .ts_arr { POSITION: absolute; WIDTH: 8px; BACKGROUND: url(../../images/library/tips/bg_tips.png?id=1367910055834) 0px -8px; HEIGHT: 5px; OVERFLOW: hidden; TOP: -5px; LEFT: 12px } .WB_tips_show .Wb_tipsshow_wrap { BACKGROUND: #fafafa } .WB_tips_show .WB_tips_show_close { POSITION: absolute; LINE-HEIGHT: 100px; WIDTH: 7px; BACKGROUND: url(../../images/library/tips/close_icon.png?id=1367910055834) 0px 0px; HEIGHT: 7px; OVERFLOW: hidden; TOP: 5px; RIGHT: 5px } .WB_tips_show .WB_tips_show_close:hover { BACKGROUND-POSITION: 0px -9px } .WB_tips_smart { BORDER-BOTTOM: #b6c0cc 1px solid; POSITION: absolute; MIN-WIDTH: 124px; BORDER-LEFT: #b6c0cc 1px solid; MARGIN: 1px; FONT: 12px/1.125 Arial,Helvetica,sans-serif; BACKGROUND: #fff; BORDER-TOP: #b6c0cc 1px solid; BORDER-RIGHT: #b6c0cc 1px solid } .WB_tips_smart P { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px } .WB_tips_smart UL { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px } .WB_tips_smart LI { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px } .WB_tips_smart .tipsmt_list LI { DISPLAY: inline } .WB_tips_smart .tipsmt_title { PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; WHITE-SPACE: nowrap; OVERFLOW: hidden; TEXT-DECORATION: none; PADDING-TOP: 5px } .WB_tips_smart .tipsmt_list LI A { PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; WHITE-SPACE: nowrap; OVERFLOW: hidden; TEXT-DECORATION: none; PADDING-TOP: 5px } .WB_tips_smart .tipsmt_list LI A { COLOR: #666 } .WB_tips_smart .tipsmt_list LI A:hover { BACKGROUND: #eeeeef; TEXT-DECORATION: none } .WB_tips_smart .tipsmt_list LI A B { COLOR: #4f8ff4; FONT-WEIGHT: 700 } .WB_tips_smart .tipsmt_cur A { BACKGROUND: #eeeeef } .WB_tips_top { POSITION: absolute; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 12px/1.125 Arial,Helvetica,sans-serif; BACKGROUND: url(../../images/library/tips/bg_trans.png?id=1367910055834); PADDING-TOP: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .WB_tips_top A { COLOR: #0078b6 } .WB_tips_top .tips_inner { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BACKGROUND: #feffe5; COLOR: #000 !important; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; -moz-box-shadow: inset 0 0 0 1px #fffff3; -webkit-box-shadow: inset 0 0 0 1px #fffff3; box-shadow: inset 0 0 0 1px #fffff3 } .WB_tips_top .WB_icon_txt { MARGIN-LEFT: 3px } .WB_tips_top .tips_inner { PADDING-BOTTOM: 6px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 6px } .WB_tips_top .tips_arr { POSITION: absolute; WIDTH: 11px; BACKGROUND: url(../../images/library/tips/bg_tips_top.png?id=1367910055834); HEIGHT: 8px; FONT-SIZE: 0px; OVERFLOW: hidden; TOP: -5px; RIGHT: 70px } .WB_tips_top .tips_arr_btm { POSITION: absolute; WIDTH: 11px; BOTTOM: -3px; BACKGROUND: url(../../images/library/tips/bg_tips_btm.png?id=1367910055834); HEIGHT: 8px; FONT-SIZE: 0px; OVERFLOW: hidden; LEFT: 70px } .WB_tips_sp { BORDER-BOTTOM: #ffdd93 1px solid; POSITION: absolute; BORDER-LEFT: #ffdd93 1px solid; PADDING-BOTTOM: 7px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; BACKGROUND: #fff9cb; BORDER-TOP: #ffdd93 1px solid; BORDER-RIGHT: #ffdd93 1px solid; PADDING-TOP: 7px } .WB_tips_black { POSITION: absolute; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #333; HEIGHT: 22px; COLOR: #e3e3e3; FONT-SIZE: 12px; PADDING-TOP: 0px; border-radius: 2px } .WB_tips_black .tm_arr { BORDER-BOTTOM: transparent 0px dashed; POSITION: relative; BORDER-LEFT: transparent 3px dashed; LINE-HEIGHT: 0; WIDTH: 0px; BOTTOM: 0px; DISPLAY: block; HEIGHT: 0px; FONT-SIZE: 0px; VERTICAL-ALIGN: middle; BORDER-TOP: #333 3px solid; BORDER-RIGHT: transparent 3px dashed; LEFT: 2px } .WB_tips_mini_w { BORDER-BOTTOM: #e7e7e7 1px solid; POSITION: absolute; BORDER-LEFT: #e7e7e7 1px solid; PADDING-BOTTOM: 7px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; BACKGROUND: #fff; BORDER-TOP: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid; PADDING-TOP: 7px } .WB_tips_mini_w .arr_t { POSITION: absolute; WIDTH: 11px; BACKGROUND: url(../../images/library/tips/bg_tips.png?id=1367910055834) 0px -30px; HEIGHT: 6px; FONT-SIZE: 0px; OVERFLOW: hidden; TOP: -6px; LEFT: 149px } .WB_tip_sg { POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BACKGROUND: url(../../images/library/base/layer_bg.png?id=1367910055834); PADDING-TOP: 6px; border-radius: 8px } .WB_tip_sg .WB_tip_sg_inner { PADDING-BOTTOM: 15px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: #fff; PADDING-TOP: 15px; border-radius: 5px } .WB_tip_sg .WB_icon_txt { MARGIN-LEFT: 5px; FONT-SIZE: 14px } .WB_tips_top .WB_tips_close { POSITION: absolute; WIDTH: 12px; BACKGROUND: url(../../images/library/ui_items_icons/ui_items.png?id=1367910055834) no-repeat 0px -40px; HEIGHT: 12px; TOP: 10px; RIGHT: 6px; _background-image: url(../../images/library/ui_items_icons/ui_items_ie6.png?id=1367910055834) } .WB_tips_top .WB_tips_close:hover { BACKGROUND-POSITION: -20px -40px } .weiboShow { OVERFLOW: hidden } .weiboShow .weiboShow_wrap { BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid } .weiboShow .weiboShow_topborder { BORDER-LEFT: 1px solid; HEIGHT: 2px; BORDER-RIGHT: 1px solid } .weiboShow .weiboShow_topborder P { BORDER-TOP: 1px solid } .weiboShow .weiboShow_title { TEXT-ALIGN: right; LINE-HEIGHT: 30px; HEIGHT: 28px; OVERFLOW: hidden } .weiboShow .weiboShow_title_top { BORDER-BOTTOM: 1px solid } .weiboShow .weiboShow_title_bottom { BORDER-TOP: 1px solid } .weiboShow .weiboShow_title_logo { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; _margin-top: 5px } .weiboShow .weiboShow_title_logo .WB_logo16a { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 5px } .weiboShow .weiboShow_developer { PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 13px } .weiboShow .weiboShow_developer_pic { MARGIN: 2px 0px 0px 15px; DISPLAY: inline; FLOAT: left } .weiboShow .weiboShow_developer_detail { MARGIN-LEFT: 73px } .weiboShow .weiboShow_developer_pic A { WIDTH: 50px; DISPLAY: block; HEIGHT: 50px } .weiboShow .weiboShow_developerDetail_name { HEIGHT: 17px; MARGIN-LEFT: 2px; OVERFLOW: hidden } .weiboShow .weiboShow_developerDetail_name DT { DISPLAY: inline-block; _float: left } .weiboShow .weiboShow_developerDetail_name DD { DISPLAY: inline-block; _float: left } .weiboShow .weiboShow_developerDetail_name DD { _line-height: 22px } .weiboShow .weiboShow_developerDetail_name A { LINE-HEIGHT: 16px; FONT-SIZE: 14px } .weiboShow .weiboShow_developerDetail_namedir { MARGIN-LEFT: 5px } .weiboShow .weiboShow_developerDetail_btn { MARGIN-TOP: 10px } .weiboShow .weiboShow_main_height { MARGIN-BOTTOM: 11px } .weiboShow .weiboShow_main_arrbar { TEXT-ALIGN: center; PADDING-BOTTOM: 2px; MARGIN: 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 4px; FONT-SIZE: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 2px } .weiboShow .weiboShow_main_arrbar:hover { ZOOM: 1 } .weiboShow .weiboShow_arrbar_up EM { BORDER-BOTTOM: transparent 4px solid; TEXT-ALIGN: center; BORDER-LEFT: transparent 4px solid; MARGIN: 0px auto; WIDTH: 0px; DISPLAY: inline-block; HEIGHT: 0px; BORDER-TOP: transparent 0px solid; BORDER-RIGHT: transparent 4px solid; _border-style: dashed dashed solid dashed } .weiboShow .weiboShow_arrbar_down EM { BORDER-BOTTOM: transparent 0px solid; TEXT-ALIGN: center; BORDER-LEFT: transparent 4px solid; MARGIN: 0px auto; WIDTH: 0px; DISPLAY: inline-block; HEIGHT: 0px; BORDER-TOP: transparent 4px solid; BORDER-RIGHT: transparent 4px solid; _border-style: solid dashed dashed dashed } .weiboShow .weiboShow_main_feed { POSITION: relative; OVERFLOW: hidden } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_list { BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 12px } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_listContent { LINE-HEIGHT: 20px; MARGIN: 0px 5px } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_listContent .weiboShow_mainFeed_listContent_txt { WORD-WRAP: break-word; WORD-BREAK: break-all } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_listContent_action { PADDING-TOP: 5px } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_listContent_actionTime { FLOAT: left } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_listContent_actionMore { FLOAT: right } .weiboShow .weiboShow_main_feed .weiboShow_mainFeed_listContent_actionMore .weiboShow_vline { MARGIN: 0px 7px 0px 8px } .weiboShow .weiboShow_main_feedMore { MARGIN-TOP: -1px } .weiboShow .weiboShow_main_feedMore A { TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; HEIGHT: 30px } .weiboShow .weiboShow_main_feedMore A:hover { TEXT-DECORATION: none } .weiboShow .weiboShow_mainFeed_listContent_picshow { PADDING-TOP: 5px } .weiboShow .weiboShow_mainFeed_listContent_picshow IMG { BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: #fff; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 5px } .weiboShow .weiboShow_fans { PADDING-BOTTOM: 3px; OVERFLOW: hidden } .weiboShow .weiboShow_fans .weiboShow_fans_header { LINE-HEIGHT: 18px; MARGIN: 0px 15px 11px; HEIGHT: 18px; OVERFLOW: hidden } .weiboShow .weiboShow_fans .weiboShow_fans_title { FLOAT: left } .weiboShow .weiboShow_fans .weiboShow_fans_title .weiboShow_fans_titlenum { MARGIN: 0px 2px } .weiboShow .weiboShow_fans .weiboShow_fans_title .weiboShow_fans_titlenum STRONG { FONT-WEIGHT: bold } .weiboShow .weiboShow_fans .weiboShow_fans_more { FLOAT: right } .weiboShow .weiboShow_fans_listCon { MARGIN: 0px 7px; OVERFLOW: hidden; _float: left } .weiboShow .weiboShow_fans_listCon LI { MARGIN: 0px 8px 11px; WIDTH: 50px; FLOAT: left; OVERFLOW: hidden } .weiboShow .weiboShow_fans_listCon LI .weiboShow_fansList_pic { POSITION: relative; MARGIN: 0px auto; WIDTH: 50px; DISPLAY: block; HEIGHT: 50px; OVERFLOW: hidden; CURSOR: pointer } .weiboShow .weiboShow_fansList_name { MARGIN-TOP: 3px } .weiboShow .weiboShow_fansList_name A { TEXT-ALIGN: center; LINE-HEIGHT: 18px; DISPLAY: block; HEIGHT: 20px; OVERFLOW: hidden } .weiboShow .weiboShow_fansList_have { POSITION: absolute; WIDTH: 12px; BOTTOM: 0px; DISPLAY: block; HEIGHT: 12px; OVERFLOW: hidden; LEFT: 0px } .weiboShow .weiboShow_fansList_have EM { WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../../images/weiboShow/follow_arr.gif?id=1367910055834) no-repeat -2px -26px; HEIGHT: 14px } .weiboShow .weiboShow_main_errorBox { POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; DISPLAY: table; OVERFLOW: hidden } .weiboShow .weiboShow_main_errorWrap { POSITION: absolute; DISPLAY: table-cell; VERTICAL-ALIGN: middle; TOP: 50%; LEFT: 50% } .weiboShow .weiboShow_main_error { POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 26px; MARGIN: 0px 10px; WIDTH: 190px; TOP: -50%; LEFT: -50% } .weiboShow .WB_state_fail { WIDTH: 190px } .weiboShow .weiboShow_fansList_error { TEXT-ALIGN: center; LINE-HEIGHT: 18px; MARGIN-TOP: 15px } .weiboShow .weiboShow_fansList_error A { MARGIN-LEFT: 5px } .weiboShow .weiboShow_fans .weiboShow_fansList_error { MARGIN-BOTTOM: 15px } .weiboShow .error_icon { MARGIN-BOTTOM: 20px } .weiboShow .weiboShow_main_error .commentInput_area { ZOOM: 1 } .weiboShow .weiboShow_main_error .commentInput_area TEXTAREA { FONT-SIZE: 12px } .weiboShow .WB_ico_club { MARGIN: 0px 2px; VERTICAL-ALIGN: middle } .weiboShow .WB_approve_co { MARGIN: 0px 2px; VERTICAL-ALIGN: middle } .weiboShow .WB_approve { MARGIN: 0px 2px; VERTICAL-ALIGN: middle } .weiboShow .weiboShow_mainFeed_list_commentInput { PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; ZOOM: 1; PADDING-TOP: 0px } .weiboShow .commentInput_area { ZOOM: 1 } .weiboShow .commentInput_area TEXTAREA { BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 100%; HEIGHT: 40px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid } .weiboShow .commentInput_action { MARGIN-TOP: 3px } .weiboShow .commentInput_action .commentInput_actionButton { WIDTH: 110px; FLOAT: right } .weiboShow .commentInput_actionSub { FLOAT: right } .weiboShow_noborder .weiboShow_title_top { BORDER-TOP-STYLE: none } .weiboShow_noborder .weiboShow_topborder P { BORDER-TOP-STYLE: none } .weiboShow_noborder .weiboShow_wrap { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none } .weiboShow_noborder .weiboShow_topborder { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none } .weiboShow_noborder .weiboShow_topborder { HEIGHT: 0px } .weiboShow_noborder .weiboShow_wrap .feed_scroll { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none } .weiboShow .feed_scroll { BORDER-BOTTOM: 1px solid; BORDER-TOP: 1px solid } .weiboShow .feed_scroll_solo { BORDER-TOP: 1px solid } .weiboShow .scroll_container { Z-INDEX: 98; POSITION: absolute; WIDTH: 7px; HEIGHT: 98%; TOP: 1%; RIGHT: 2px; border-radius: 5px } .weiboShow .scroll_bar { POSITION: absolute; WIDTH: 5px; TOP: 1px; LEFT: 1px; border-radius: 5px } .weiboShow .relay_box { BORDER-BOTTOM: 1px solid; POSITION: relative; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 10px; MARGIN: 10px 0px 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; ZOOM: 1; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 15px; border-radius: 3px } .weiboShow .expand_arrow { POSITION: absolute; WIDTH: 22px } .weiboShow .expand_arrow .expand_arrow_border { LINE-HEIGHT: 1.231; DISPLAY: block !important; FONT-FAMILY: "SimSun" !important; HEIGHT: 15px; FONT-SIZE: 26px !important; OVERFLOW: hidden } .weiboShow .expand_arrow .expand_arrow_content { LINE-HEIGHT: 1.231; DISPLAY: block !important; FONT-FAMILY: "SimSun" !important; HEIGHT: 15px; FONT-SIZE: 26px !important; OVERFLOW: hidden } .weiboShow .expand_arrow .expand_arrow_content { MARGIN-TOP: -14px } .weiboShow .relay_box .expand_arrow { TOP: -15px; LEFT: 5px } .weiboShow .relay_container { ZOOM: 1; OVERFLOW: hidden } .weiboShow .relay_text { LINE-HEIGHT: 20px } .weiboShow .relay_bottom { HEIGHT: 20px; PADDING-TOP: 8px } .weiboShow .relay_info { FLOAT: left } .weiboShow .relay_handle { FLOAT: right } .WB_widgets .WB_gray2_btn { LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/btns/flex_color_btns.png?id=1367910055834) no-repeat; HEIGHT: 22px; _background-image: background:url(../../images/library/btns/flex_color_btns_ie6.png?id=1367910055834) } .WB_widgets .WB_gray2_btn_inner { LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/btns/flex_color_btns.png?id=1367910055834) no-repeat; HEIGHT: 22px; _background-image: background:url(../../images/library/btns/flex_color_btns_ie6.png?id=1367910055834) } .WB_widgets .WB_gray2_btn { PADDING-LEFT: 6px; BACKGROUND-POSITION: left -400px } .WB_widgets .WB_gray2_btn_inner { PADDING-RIGHT: 6px; BACKGROUND-POSITION: right -440px; COLOR: #333 !important; CURSOR: pointer } .WB_widgets .WB_gray2_btn:hover { BACKGROUND-POSITION: left -320px } .WB_widgets .WB_gray2_btn:hover .WB_gray2_btn_inner { BACKGROUND-POSITION: right -360px; COLOR: #fff !important } .WB_widgets .WB_follow_status { LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/btns/flex_color_btns.png?id=1367910055834) no-repeat; HEIGHT: 22px } .WB_widgets .WB_follow_status_inner { LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: url(../../images/library/btns/flex_color_btns.png?id=1367910055834) no-repeat; HEIGHT: 22px } .WB_widgets .WB_follow_status { PADDING-LEFT: 5px; BACKGROUND-POSITION: left -400px } .WB_widgets .WB_follow_status_inner { PADDING-RIGHT: 5px; BACKGROUND-POSITION: right -440px; COLOR: #888; CURSOR: default } .WB_widgets .WB_follow_box { PADDING-BOTTOM: 4px; LINE-HEIGHT: 14px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; HEIGHT: 14px; PADDING-TOP: 4px } .WB_widgets .WB_icon_followed { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_follow.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle } .WB_widgets .WB_icon_inter { DISPLAY: inline-block; BACKGROUND: url(../../images/library/base/icon_follow.png?id=1367910055834) no-repeat; VERTICAL-ALIGN: middle } .WB_widgets .WB_icon_followed { WIDTH: 11px; BACKGROUND-POSITION: -18px 0px; HEIGHT: 8px; MARGIN-RIGHT: 5px } .WB_widgets .WB_icon_inter { WIDTH: 11px; BACKGROUND-POSITION: -39px 0px; HEIGHT: 12px; MARGIN-RIGHT: 5px } .WB_widgets .WB_addicon { FONT-FAMILY: Arial; HEIGHT: 16px; FONT-SIZE: 16px; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; MARGIN-RIGHT: 4px } .WB_widgets .WB_gray2_btn .WB_addicon { COLOR: #ffa00a } .WB_widgets .WB_gray2_btn:hover .WB_addicon { COLOR: #fff } .WB_widgets .WB_gray2_btn_inner { VERTICAL-ALIGN: top }
其中有我注释掉的 大家可以还原注释根据自己需要修改
添加完样式之后是javascript如下
1 <script type="text/javascript"> 2 3 $(function() { 4 // weibo 5 wb_show($('#weibobox #box '), function() { 6 var as_wb = new autoscroll({ 7 count: $('#weibobox #box > li').size(), 8 speed: 7000, 9 btns: $('#weibobox #box '), 10 pre: $('#btn_left'), 11 next: $('#btn_right') 12 }); 13 14 as_wb.go = function(index) { 15 if (as_wb.running) 16 return (false); 17 as_wb.running = true; 18 if (index == 0 && as_wb.old != 1) { 19 //$('#weibobox .box').fadeOut(); 20 } 21 $('#weibobox #box ').animate({ 'top': (-index * 140) + 'px' }, 300, function() { as_wb.running = false; }).fadeIn(); 22 return (false); 23 }; 24 $('#btn_left').click(function() { 25 as_wb.pre(); 26 return (false); 27 }); 28 $('#btn_right').click(function() { 29 as_wb.next(); 30 return (false); 31 }); 32 as_wb.index(0); 33 as_wb.start(); 34 35 if (location.href.indexOf("?xyz=") < 0) { 36 location.href = location.href + "?xyz=" + Math.random(); 37 } 38 }); 39 }); 40 41 42 43 44 function wb_show(box, callback) { 45 var _this = $(this); 46 var _box = box; 47 var _url = "Default.aspx"; 48 var _callback = callback; 49 50 $.ajax({ 51 url: _url, 52 type: 'GET', 53 success: function(data) { 54 var wb_data = $(data); 55 var msg = wb_data.find('.weiboShow_mainFeed_listContent'); 56 var detailName = wb_data.find('.weiboShow_developer_detail').html(); 57 var detailNameDt = wb_data.find('dt').html(); 58 var index = 0; 59 msg.each(function() { 60 var text = $(this).find('.weiboShow_mainFeed_listContent_txt').html().substring(0, 70); 61 var img = $(this).find('.weiboShow_mainFeed_listContent_picshow').html(); 62 var item = '<li>'; 63 item += img ? '<dt><div id="dv_img_' + index++ + '" name="dv_img" style="height:125px;">' + img + '</div></dt>' : ''; 64 item += img ? '<dd class="bt">' + detailNameDt + '</dd>' : '<dd class="bt" style="float:none;padding-left:20px">' + detailNameDt + '</dd>'; 65 item += img ? '<dd class="zw">' + text + '...</dd></li>' : '<dd class="zw" style="padding-left:20px">' + text + '...</dd></li>'; 66 $(item).appendTo(_box); 67 dv_imgWidth(index); 68 }); 69 _callback(); 70 } 71 }); 72 } 73 74 function dv_imgWidth(index) { 75 76 var img_left = document.getElementById("dv_img_" + (index - 1)); 77 if (img_left != null) { 78 var img_list = img_left.getElementsByTagName("img"); 79 for (var i = 0; i < img_list.length; i++) { 80 if (img_list[i].width > 70) { img_list[i].width = 70; } 81 if (img_list[i].height < 125) { img_list[i].style.marginBottom = (80 - img_list[i].height) + "px"; } 82 } 83 } 84 } 85 86 </script>
注：页面加载完的function 调用wb_show()方法并执行滚动的事件 滚动的大小宽高可以在autoscroll.js中设置
wb_show() 方法是用ajax去异步调用aspx页面然后根据样式找到自己需要的部分，（注意的是 这里的样式名称是固定的可以放心查找，具体样式可以在页面执行aspx右键源代码查看）
dv_imgWidth()的方法是强制规定图片大小，如果图片宽大于70px则等于70px
如果图片高大于125px则等于125px （此设定是根据个人页面设计需要而改动的）
一下是body的代码
<div> <div class="weibobox" id="weibobox" style="position: absolute; display: block; overflow: hidden;"> <ul id="box" style="position: absolute; display: block; overflow: hidden; width: 284px"> </ul> <div class="bluebox"> <span class="jts"><a href="#" id="btn_left"></a></span><span class="sxwz f14 fstrong fblue"> 官<br /> 方<br /> 微<br /> 博</span> <span class="jtx"><a href="#" id="btn_right"></a></span> </div> </div> </div>
根据测试 第一次加载的时候图片的宽高是不会变的 我用一个很拙劣的方法加载完之后刷新一下。。。若看客有好的方法多多指教。。。
c) 还有最后一步 在你自己的页面上写一个iframe然后连接到这个html页上剩下的就自己调吧。。
