JS实现标签页效果(配合css)不同标签下对应不同div

显示页面tab.jsp

</ div >
</ body > </ html >  

tab.css

ul ,li { margin:0px;

padding:0px;

list-style:none;

}

li { float:left;

background-color:#66CC00;

margin-right:2px; //这个是设置标签之间的间距

padding:5px;

border:1px solid white;

height:20px;

color:white;

 

}

.listli { background-color:#663333;

border:1px solid #663333;

 

}

div { clear:left;

width:300px;

height:100px;

background-color:#663333;

border-top:0px;

color:white;

display:none;

}

 

.divarea { display:block; }

 

 

tab.js

);
$( this ).mouseout( function (){
clearTimeout(timeout);
});
});
}); });

 

 

效果图为这样

来自为知笔记(Wiz)