<script type="text/javascript">
$(document).ready(function(){
$("div span").each(function(){
$("div span").click(function(){
var index = $("div span").index(this);
$("#css").attr("href","css/index"+index+".css");這個ｃｓｓ是<link rel="stylesheet" type="text/css" href="css/index.css" id="css">中的，這行代碼是ＨＴＭＬ中的，相信大家都懂得
if(index==7){
$("#css").attr("href","css/index.css");
}
});
});
});
</script>

<div align="right" id="div">
<span class="myBox">
     
</span>
<span class="myBox1">
     
</span>
<span class="myBox2">
     
</span>
<span class="myBox3">
     
</span>
<span class="myBox4">
     
</span>
<span class="myBox5">
     
</span>
<span class="myBox6">
     
</span>
<span class="myBox7">還原</span>

$(document).ready(function(){
settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true,
autoPad: true,
validTags: ["span"]
}
$('.myBox').corner(settings);
$('.myBox1').corner(settings);
$('.myBox2').corner(settings);
$('.myBox3').corner(settings);
$('.myBox4').corner(settings);
$('.myBox5').corner(settings);
$('.myBox6').corner(settings);
$('.myBox7').corner(settings);
});