css
/*---------------------------------底部悬浮-------------------------------*/
.toolbar{margin:0px;padding:0px;
position:fixed; _position:absolute; bottom:0; left:auto; right:auto; z-index:9999999; width:948px; _width:950px;}
.tb-shop .toolbar .toolleft {
BACKGROUND-IMAGE: url(http://img01.taobaocdn.com/bao/uploaded/i1/T11GRYXl4FXXXXXXXX.gif?noq=y&rid=12542432&file_path=-toolbar_left.gif); POSITION: absolute; WIDTH: 16px; DISPLAY: block; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px 0px; HEIGHT: 27px; TOP: 0px; LEFT: -16px
}
.tb-shop .toolbar .bar .ks-switchable-nav LI {
Z-INDEX: 8; POSITION: absolute; WIDTH: 50px; HEIGHT: 27px; TOP: 0px; CURSOR: pointer; LEFT: -16px
}
.tb-shop .toolbar .bar .ks-switchable-nav LI.ks-active {
DISPLAY: none
}
.tb-shop .toolbar .bar .ks-switchable-nav LI.ks-none {
POSITION: absolute; WIDTH: 50px; BACKGROUND: url(http://img03.taobaocdn.com/bao/uploaded/i3/T1cFtYXblFXXXXXXXX.gif?noq=y&rid=12542290&file_path=-toolbar_close.gif) no-repeat 0px 0px; HEIGHT: 27px; MARGIN-LEFT: 966px; TOP: 0px
}
.tb-shop .toolbar .bar .block {
WIDTH: 950px; HEIGHT: 27px
}
.tb-shop .toolbar .bar .block .tool {
BACKGROUND-IMAGE: url(http://img04.taobaocdn.com/bao/uploaded/i4/T1pGXYXk8CXXXXXXXX.gif?noq=y&rid=12542431&file_path=-toolbar_bg.gif); POSITION: relative; LINE-HEIGHT: 27px; BACKGROUND-COLOR: #d8d8d8; WIDTH: 950px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px 0px; HEIGHT: 27px; OVERFLOW: hidden
}
.tb-shop .toolbar .none {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.tb-shop .toolbar .bc {
BORDER-BOTTOM-COLOR: #a5a5a5; BORDER-TOP-COLOR: #a5a5a5; BORDER-LEFT-COLOR: #a5a5a5; BORDER-RIGHT: #a5a5a5 1px solid
}
.tb-shop .toolbar .item1 {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 27px; PADDING-LEFT: 5px; PADDING-RIGHT: 15px; BACKGROUND: url(http://img01.taobaocdn.com/bao/uploaded/i1/T1PGBYXatCXXXXXXXX.gif?noq=y&rid=12542416&file_path=-toolbar_popico.gif) no-repeat right 4px; FLOAT: left; HEIGHT: 27px; CURSOR: pointer; PADDING-TOP: 0px; _padding-top: 4px
}
.tb-shop .toolbar .item2 {
PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 0px; _padding-top: 4px
}
.tb-shop .ticon IMG {
VERTICAL-ALIGN: middle
}
.tb-shop .toolsearch {
DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
.tb-shop .toolsearch .search-form {
LINE-HEIGHT: 27px; ZOOM: 1
}
.tb-shop .toolsearch .search-form LI {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
.tb-shop .toolsearch .keyword INPUT {
BORDER-BOTTOM: #c8c1bb 1px solid; BORDER-LEFT: #c8c1bb 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 16px; PADDING-LEFT: 18px; WIDTH: 120px; PADDING-RIGHT: 1px; BACKGROUND: url(http://img03.taobaocdn.com/bao/uploaded/i3/T1rppYXfhDXXXXXXXX.png?noq=y&rid=12542306&file_path=-alllist.png) #ffffff no-repeat -110px -38px; HEIGHT: 16px; COLOR: #7c7c7c; BORDER-TOP: #c8c1bb 1px solid; MARGIN-RIGHT: 0.5em; BORDER-RIGHT: #c8c1bb 1px solid; PADDING-TOP: 1px; _padding-top: 2px
}
.tb-shop .toolsearch .submit BUTTON {
BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 38px; PADDING-RIGHT: 0px; BACKGROUND: url(http://img01.taobaocdn.com/bao/uploaded/i1/T1XX4YXopDXXXXXXXX.gif?noq=y&rid=12542384&file_path=-toolbar_search.gif) #777777 no-repeat 0px 0px; HEIGHT: 20px; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
.tb-shop .toolnotice {
POSITION: relative; LINE-HEIGHT: 27px; WIDTH: 200px; FLOAT: left; OVERFLOW: hidden
}
.tb-shop .toolnotice .notice {
PADDING-LEFT: 17px; BACKGROUND: url(http://img03.taobaocdn.com/bao/uploaded/i3/T16pdYXdtGXXXXXXXX.gif?noq=y&rid=12542302&file_path=-notic_lb.gif) no-repeat 0px 6px
}
.tb-shop .toolnotice .notice .news {
WIDTH: 183px; HEIGHT: 27px; OVERFLOW: hidden
}
.tb-shop .toolww {
WIDTH: 68px; OVERFLOW: hidden
}
.tb-shop .toolright {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 27px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: inline; FLOAT: right; CURSOR: pointer; PADDING-TOP: 0px
}
.tb-shop .toolright A {
TEXT-DECORATION: none
}
.tb-shop .toolpop .item {
Z-INDEX: 1000; POSITION: relative
}
.tb-shop .toolpop .item .popbox {
BORDER-BOTTOM: #ffab00 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #ffab00 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; CLEAR: both; BORDER-TOP: #ffab00 1px solid; BORDER-RIGHT: #ffab00 1px solid; PADDING-TOP: 5px
}
php
<div data-isdel="0" class="toolbar J_TBox" <?php echo $_MODULE_TOOLBAR ?>>
<div style="display:none;">
<style type="text/css">.tb-shop .toolbar .toolleft{background-image:url(http://img04.taobaocdn.com/bao/uploaded/i4/T1fTp5Xm0IXXXXXXXX.gif?noq=y&rid=14170735&file_path=-toolbar_left.gif);}.tb-shop .toolbar .bar .ks-switchable-nav li.ks-none{background:url(http://img04.taobaocdn.com/bao/uploaded/i4/T12_t5XdVFXXXXXXXX.gif?noq=y&rid=14170751&file_path=-toolbar_close.gif) no-repeat scroll 0 0 transparent;}.tb-shop .toolbar .bar .block .tool{background-image:url(http://img04.taobaocdn.com/bao/uploaded/i4/T1Y9V5XkdGXXXXXXXX.gif?noq=y&rid=14170679&file_path=-toolbar_bg.gif);background-color:#D8D8D8;}.tb-shop .toolbar .bc{border-color:#A5A5A5;color:#555555;}.tb-shop .toolright a{color:#555555;}.tb-shop .toolsearch .keyword input{border:1px solid #C8C1BB;}.tb-shop .toolsearch .submit button{background:url(http://img04.taobaocdn.com/bao/uploaded/i4/T1xD05Xa8BXXXXXXXX.gif?noq=y&rid=14170819&file_path=-toolbar_search.gif) no-repeat scroll 0 0 #777777;}.tb-shop .toolnotice .notice{background:url(http://img03.taobaocdn.com/bao/uploaded/i3/T1Snh5XnhGXXXXXXXX.gif?noq=y&rid=14170726&file_path=-notic_lb.gif) no-repeat 0px 6px;}.tb-shop .toolnotice .notice a{color:#555555;}.tb-shop .toolpop .item .popbox{border-color:#FFAB00;}.tb-shop .toolpop .item h1{border-color:#FFAB00;}</style>
</div>
<div style="visibility:visible;">
<div class="toolleft">
</div>
<div data-widget-config="{'effect': 'none','autoplay': false,'triggerType': 'click','circular': true}" data-widget-type="Tabs" class="J_TWidget bar" style="height:27px;">
<div class="nav">
<ul class="ks-switchable-nav">
<li class="ks-active">
<img src="http://img04.taobaocdn.com/bao/uploaded/i4/T18m05XftHXXXXXXXX.gif?noq=y&rid=14170687&file_path=-toolbar_open.gif">
</li>
<li class="ks-none">
</li>
</ul>
</div>
<div class="ks-switchable-content">
<div class="block">
<div class="tool">
<div class="toolmenu bc item1">
<span class="ticon">
<img src="http://img03.taobaocdn.com/bao/uploaded/i3/T1S_x5XopEXXXXXXXX.gif?noq=y&rid=14170758&file_path=-toolmenu.gif">
</span>
<em style="padding-left:2px;">
快捷分类
</em>
</div>
<div class="toolsearch bc item2" style="width:190px;">
<div class="search-form">
<form name="SearchForm" action="http://shop34812317.taobao.com" method="get">
<ul>
<input type="hidden" name="userId" value="">
<input type="hidden" name="shopId" value="34812317">
<input type="hidden" name="view_type" value="">
<input type="hidden" name="order_type" value="">
<input type="hidden" name="search" value="y">
<li class="keyword">
<input type="text" class="J_SEKeyword" name="keyword" value="关键词">
</li>
<li class="submit">
<button type="submit" class="button"> </button></li>
</ul>
</form>
</div>
</div>
<div class="toolnotice bc item2">
<div class="notice">
<div data-widget-config="{'contentCls':'news-items','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':4,'duration':0.3}" data-widget-type="Slide" class="J_TWidget news" style="position: relative;">
<ul class="news-it