zoukankan html css js c++ java

关于网页调用微博模块开发相关

根本思想：通过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);
    }
}

autoscroll.js

@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
}*/

sinaV.css

/* 由开发人员工具生成。它可能不是原始源文件的准确表示形式。*/
/*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
}

weiboShow_css.css

　　其中有我注释掉的大家可以还原注释根据自己需要修改

添加完样式之后是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>

View Code

注：页面加载完的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;  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>

body的代码

根据测试第一次加载的时候图片的宽高是不会变的我用一个很拙劣的方法加载完之后刷新一下。。。若看客有好的方法多多指教。。。

　　c) 还有最后一步在你自己的页面上写一个iframe然后连接到这个html页上剩下的就自己调吧。。

查看全文

相关阅读:
类的加载过程
 算法模板之基数排序
 算法模板之Dijkstra
算法模板之SPFA
算法模板之树状数组
 算法模板之排序
 深入JVM-自动内存管理（读书笔记）
VMware Fault-Tolerant Virtual Machine 论文总结
 深入JVM--高效并发（读书笔记）
欧拉素数筛

原文地址：https://www.cnblogs.com/ANLOG/p/3838467.html