jquery切换tab页签
<html>
<meta charset="UTF-8"/>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
var show=function(id0){
var contents=$("div[name=content]");
//alert(contents.length);
//var name=name1.substring(0,name1.length-1);
var id1="";
$.each(contents,function(){
id1=$(this).attr("id");
//alert(id1);
$("div[id="+id1+"]").get(0).style.display="none";
});
$("div[id="+id0+"]").get(0).style.display="";
}
$(function(){
//alert("jquery,tab!");
});
</script>
</head>
<body>
<table border=1>
<tr>
<td><a href="#" οnclick="show('content1')"> 页签1</a></td>
<td><a href="#" οnclick="show('content2')"> 页签2</a></td>
<td><a href="#" οnclick="show('content3')"> 页签3</a></td>
</tr>
<tr>
<td colspan="3">
<div name="content" id="content1" style="display:none">显示内容1</div>
<div name="content" id="content2" style="display:none">显示内容2</div>
<div name="content" id="content3" style="display:none">显示内容3</div>
</td>
</tr>
</table>
</body>
</html>
<html>
<meta charset="UTF-8"/>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
var show=function(id0){
var contents=$("div[name=content]");
//alert(contents.length);
//var name=name1.substring(0,name1.length-1);
var id1="";
$.each(contents,function(){
id1=$(this).attr("id");
//alert(id1);
$("div[id="+id1+"]").get(0).style.display="none";
});
$("div[id="+id0+"]").get(0).style.display="";
}
$(function(){
//alert("jquery,tab!");
});
</script>
</head>
<body>
<table border=1>
<tr>
<td><a href="#" οnclick="show('content1')"> 页签1</a></td>
<td><a href="#" οnclick="show('content2')"> 页签2</a></td>
<td><a href="#" οnclick="show('content3')"> 页签3</a></td>
</tr>
<tr>
<td colspan="3">
<div name="content" id="content1" style="display:none">显示内容1</div>
<div name="content" id="content2" style="display:none">显示内容2</div>
<div name="content" id="content3" style="display:none">显示内容3</div>
</td>
</tr>
</table>
</body>
</html>
3580
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
