asp动态网站与ajax,ASP动态网页设计与Ajax技术----制作Tab面板

制作Tab面板

#tab{

margin: 0; list-style: none;

padding: 0 0 31px;

border-bottom: 1px solid #11a3ff;

}

li{

float: left;

background: #BBDDFF;

margin-right: 4px; padding: 5px;

border: 1px solid #11a3ff; height: 20px;

}

.cur{

background-color: #fee;

border-bottom: 1px solid #fee; color: red;

}

div{

clear: left; padding: 10px;

height: 100px; background-color: #Fee;

border: 1px solid #11a3ff;

border-top: none; display: none;

}

.divcur{display: block;}

$(function(){

$("#tab li").each(function(index){

$(this).mouseover(function(){

$("div.divcur").removeClass("divcur");

$("li.cur").removeClass("cur");

$("div:eq("+index+")").addClass("divcur");

$("li").eq(index).addClass("cur");

});

});

});

• 课程特色
• 教学方法
• 教学效果

本课程主要特色

教学方法和教学手段

教学效果

原文：https://www.cnblogs.com/sihuan/p/12091568.html