01.偽類(此css類請配合使用)
.ui-brand-btn-ex-align-left {
float: left;
overflow: hidden;
padding-left: 5px;
text-align: left;
width: 17px;
}
.ui-brand-btn-ex-align-left:hover {
padding-left: 18px;
width: 57px;
}
.ui-brand-btn-ex-align-left span {
display: none;
}
.ui-brand-btn-ex-align-left:hover span {
display: inline-block;
}
.ui-brand-btn-ex-align-right {
float: right;
overflow: hidden;
text-align: center;
width: 22px;
}
.ui-brand-btn-ex-align-right:hover {
text-align: center;
width: 75px;
}
.ui-brand-btn-ex-align-right span {
display: none;
}
.ui-brand-btn-ex-align-right:hover span {
display: inline-block;
}
02.定位類
.mallNav-others {
position: absolute;
right: 0;
top: 0;
}
.footer-qrcode {
background: url("http://gtms01.alicdn.com/tps/i1/T1a1vVFl4cXXcX4ZjM-160-150.png") no-repeat scroll 0 0 #fff;
height: 160px;
left: 50%;
margin-left: -90px;
overflow: hidden;
position: absolute;
top: -330px;
width: 160px;
}
.sn-simple-logo {
position: absolute;
}
.s-menu {
background: none repeat scroll 0 0 #fff;
border-color: #bebebe;
border-style: solid;
border-width: 1px;
cursor: default;
margin: 0;
outline: 0 none;
position: absolute;
z-index: 99999;
}
03.其它類
.hidden {
display: none;
}
01.定位類
.search-menu {
background: none repeat scroll 0 0 #fff;
border-color: #bebebe;
border-style: solid;
border-width: 1px;
cursor: default;
margin: 0;
outline: 0 none;
position: absolute;
z-index: 99999;
}
.most-footer {
background: none repeat scroll 0 0 #fff;
border-top: 1px solid #e4e4e4;
padding: 0;
position: absolute;
width: 100%;
}
.cloud-footer {
background: none repeat scroll 0 0 #fff;
border-top: 0 none;
display: none;
height: 100%;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: 100;
}
.footer-more-trigger {
border: 1px solid #fff;
left: -12px;
line-height: 1.3;
padding: 6px 11px 4px 14px;
position: absolute;
top: -5px;
width: 37px;
}
.footer-more-panel {
background: none repeat scroll 0 0 white;
border: 1px solid #c5c5c5;
bottom: -90px;
display: none;
line-height: 1.9;
padding: 7px 3px 2px 2px;
position: absolute;
right: 26px;
text-align: left;
width: 57px;
}
.site-nav-fixed {
position: fixed;
top: 0;
}
02.偽類(此類請搭配使用)
.footer-more-panel {
background: none repeat scroll 0 0 white;
border: 1px solid #c5c5c5;
bottom: -90px;
display: none;
line-height: 1.9;
padding: 7px 3px 2px 2px;
position: absolute;
right: 26px;
text-align: left;
width: 57px;
}
.footer-more-hover .footer-more-panel, .footer-more:hover .footer-more-panel {
display: block;
}
.footer-more-hover .footer-more-trigger, .footer-more:hover .footer-more-trigger {
background: none repeat scroll 0 0 #fff;
border-bottom: 0 none;
border-color: #c5c5c5 #c5c5c5 -moz-use-text-color;
}
.footer-more {
cursor: pointer;
float: left;
padding-top: 1px;
position: relative;
width: 82px;
z-index: 1;
}
03.其它類
.hidden{
display:none;
}
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶天貓常用可調用官方CSS類