使用了jq来写,直接看代码行了!
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/childstyle.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
function tabset(tmpid)
{
var $tab=$("#"+tmpid);
var $this=$(window.event.srcElement);
$this.css({"color":"#F00"}).siblings().css({"color":"#000"});
$tab.css({"display":"block"}).siblings().css({"display":"none"});;
}
$(window).load(function()
{
tabset('min1');
});
</script>
</head>
<body>
<div style="100%" >
<div>
<input type="button" class="button1" value="1" onClick="tabset('min1')">
<input type="button" class="button1" onClick="tabset('min2')" value="2">
<input type="button" class="button1" onClick="tabset('min3')" value="3">
</div>
<div id="tabmin">
<div id="min1" style=" background-color:#C66;">
1
</div>
<div id="min2" style=" background-color:fff">2</div>
<div id="min3" style=" background-color:#9FF">3</div>
</div>
</div>
</body>
</html>