[JQuery]JQuery设置CSS的样式实例代码

baacloud免费翻墙vpn注册使用
<script language="javascript" type="text/javascript" src="../../Content/jquery-1.2.6.js"></script>
<script language="javascript" type="text/javascript">
//当前选中的Tab
var currentTab="";
//设置Tab样式
function Tab(id)
{   //删除前一个选中的样式
$(currentTab).removeClass("zprcOff");
$(currentTab).addClass("zprconrb");
//设置当前为选中
$(id).removeClass("zprconrb");
$(id).addClass("zprcOff");
//设置选中的ID为当前ID
currentTab=id;
}
//设置Tab的Click事件
function SetTab(id,setId)
{
$(id).click(function(){
Tab(setId);
});
}
$(document).ready(function(){
SetTab("#tab1","#tabset1");
SetTab("#tab2","#tabset2");
SetTab("#tab3","#tabset3");
SetTab("#tab4","#tabset4");
SetTab("#tab5","#tabset5");
currentTab="#tabset1";
Tab(currentTab);
});
</script>
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏