

08/1
2014
多个选项卡的切换(隐藏显示)是网页常见的特效,用jq来做很省事。
首先引入jq,然后封装一个事件,在div中写入onclick="showdome1()"
下面是两个tab切换的:
function showfuwutab2 () {
$("#dome2").show();
$("#dome1").hide();
$("#dome2").css('color','#cd4726');
$("#dome1").css('color','#fff');
}[/code]
下面是单个按钮切换一个div显示隐藏的:function showdome1() {
if($('#dome1').is(':hidden')){
$("#dome1").show();
}else{
$("#dome1").hide();
}
}[/code]
如果封装的js太长的话可以保存到外部文件。参考:http://www.phpvar.com/archives/183.html
Jq显示隐藏div