不好意思,只有这么多分了,请高手帮忙html代码: <div id="sidebox">
<div id="shop">
<h3 class="uph3" id="Tab_shop_0" onmouseover="switchSideTab('shop',0,3);">今日推荐</h3>
<div class="upshoplist">
<ul>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
</ul>
</div>
<h3 id="Tab_shop_1" onmouseover="switchSideTab('shop',1,3);">热卖排行</h3>
<div class="shoplist">
<ul>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
</ul>
</div>
<h3 id="Tab_shop_2" onmouseover="switchSideTab('shop',2,3);">最新优惠</h3>
<div class="shoplist">
<ul>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
</ul>
</div>
</div>
</div>css代码:#shop
{
border:#d9d9d9 1px solid;
background:#f1f5f8;
width:204px;
height:270px;
}
#shop h3
{
background:#fff;
border-bottom:#d9d9d9 1px solid;
border-right:#d9d9d9 1px solid;
width:67px;
height:27px;
line-height:27px;
font-size:12px;
font-weight:normal;
float:left;
}
#shop .uph3
{
border-bottom:0px;
font-weight:bold;
}
#shop .shoplist
{
display:none;
width:180px;
height:242px;
}
#shop .shoplist li
{
list-style-type:none;
line-height:24px;
}
#shop .upshoplist
{
display:block;
width:180px;
height:242px;
}
#shop .upshoplist li
{
list-style-type:none;
line-height:24px;
}js代码:// JavaScript Document
function switchSideTab(identify,index,count) {
for(i=0;i<count;i++) {
var CurTabObj = document.getElementById("Tab_"+identify+"_"+i) ;
var CurListObj = document.getElementById("List_"+identify+"_"+i) ;
if (i != index) {
fRemoveClass(CurTabObj , "uph3") ;
fRemoveClass(CurListObj , "upshoplist") ;
}
}
fAddClass(document.getElementById("Tab_"+identify+"_"+index),"uph3") ;
fAddClass(document.getElementById("List_"+identify+"_"+index),"upshoplist") ;
}function fAddClass(XEle, XClass)
{/* shawl.qiu code, void return */
if(!XClass) throw new Error("XClass 不能为空!");
if(XEle.className!="")
{
var Re = new RegExp("\\b"+XClass+"\\b\\s*", "");
XEle.className = XEle.className.replace(Re, "");
var OldClassName = XEle.className.replace(/^\s+|\s+$/g,"") ;
if (OldClassName == "" ) {
XEle.className = XClass;
}
else {
XEle.className = OldClassName + " " + XClass;
}
}
else XEle.className = XClass;
}/* end function fAddClass(XEle, XClass) */function fRemoveClass(XEle, XClass)
{/* shawl.qiu code, void return */
if(!XClass) throw new Error("XClass 不能为空!");
var OldClassName = XEle.className.replace(/^\s+|\s+$/g,"") ;
if(OldClassName!="")
{
var Re = new RegExp("\\b"+XClass+"\\b\\s*", "");
XEle.className = OldClassName.replace(Re, "");
}
}/* function fRemoveClass(XEle, XClass) */
<div id="shop">
<h3 class="uph3" id="Tab_shop_0" onmouseover="switchSideTab('shop',0,3);">今日推荐</h3>
<div class="upshoplist">
<ul>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新推荐BossBoy品牌男装</a></li>
</ul>
</div>
<h3 id="Tab_shop_1" onmouseover="switchSideTab('shop',1,3);">热卖排行</h3>
<div class="shoplist">
<ul>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新热卖BossBoy品牌男装</a></li>
</ul>
</div>
<h3 id="Tab_shop_2" onmouseover="switchSideTab('shop',2,3);">最新优惠</h3>
<div class="shoplist">
<ul>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
<li><a href="#" title="" target="_blank">最新优惠BossBoy品牌男装</a></li>
</ul>
</div>
</div>
</div>css代码:#shop
{
border:#d9d9d9 1px solid;
background:#f1f5f8;
width:204px;
height:270px;
}
#shop h3
{
background:#fff;
border-bottom:#d9d9d9 1px solid;
border-right:#d9d9d9 1px solid;
width:67px;
height:27px;
line-height:27px;
font-size:12px;
font-weight:normal;
float:left;
}
#shop .uph3
{
border-bottom:0px;
font-weight:bold;
}
#shop .shoplist
{
display:none;
width:180px;
height:242px;
}
#shop .shoplist li
{
list-style-type:none;
line-height:24px;
}
#shop .upshoplist
{
display:block;
width:180px;
height:242px;
}
#shop .upshoplist li
{
list-style-type:none;
line-height:24px;
}js代码:// JavaScript Document
function switchSideTab(identify,index,count) {
for(i=0;i<count;i++) {
var CurTabObj = document.getElementById("Tab_"+identify+"_"+i) ;
var CurListObj = document.getElementById("List_"+identify+"_"+i) ;
if (i != index) {
fRemoveClass(CurTabObj , "uph3") ;
fRemoveClass(CurListObj , "upshoplist") ;
}
}
fAddClass(document.getElementById("Tab_"+identify+"_"+index),"uph3") ;
fAddClass(document.getElementById("List_"+identify+"_"+index),"upshoplist") ;
}function fAddClass(XEle, XClass)
{/* shawl.qiu code, void return */
if(!XClass) throw new Error("XClass 不能为空!");
if(XEle.className!="")
{
var Re = new RegExp("\\b"+XClass+"\\b\\s*", "");
XEle.className = XEle.className.replace(Re, "");
var OldClassName = XEle.className.replace(/^\s+|\s+$/g,"") ;
if (OldClassName == "" ) {
XEle.className = XClass;
}
else {
XEle.className = OldClassName + " " + XClass;
}
}
else XEle.className = XClass;
}/* end function fAddClass(XEle, XClass) */function fRemoveClass(XEle, XClass)
{/* shawl.qiu code, void return */
if(!XClass) throw new Error("XClass 不能为空!");
var OldClassName = XEle.className.replace(/^\s+|\s+$/g,"") ;
if(OldClassName!="")
{
var Re = new RegExp("\\b"+XClass+"\\b\\s*", "");
XEle.className = OldClassName.replace(Re, "");
}
}/* function fRemoveClass(XEle, XClass) */
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货