JavaScript 應用:變換風格 ,转

<head>

......

<link rel="stylesheet" href="style1.css">

<link rel="stylesheet" href="style2.css">

<link rel="stylesheet" href="style3.css">

<link rel="stylesheet" href="style4.css">

<link rel="stylesheet" href="style1.css">

......

</head>

---------------------------------------------------------------------------------------------

<head>

......

<script language="JavaScript">

<!--

var doAlerts=false;

function changeSheets(whichSheet){

whichSheet=whichSheet-1;

if(document.styleSheets){

var c = document.styleSheets.length;

if (doAlerts) alert('Change to Style '+(whichSheet+1));

for(var i=0;i<c;i++){

if(i!=whichSheet){

document.styleSheets.disabled=true;

}else{

document.styleSheets.disabled=false;

}

}

}

}

//-->

</script>

......

</head>

-------------------------------------------------------------------------

<body>

......

<a href="JavaScript:changeSheets(1)">Style One</a>

<a href="JavaScript:changeSheets(2)">Style Two</a>

<a href="JavaScript:changeSheets(3)">Style Three</a>

<a href="JavaScript:changeSheets(4)">Style Four</a>

......

</body>