?? 22.3 評星效果.htm
字號:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<script>
var starNum=0;
function chgStar()
{
starNum=event.srcElement.id.slice(-1); //從第一個到結束
for (var i=1;i<=6;i++) eval("id"+i).innerText="☆"; //顯示的星星
for (var j=1;j<=starNum;j++) eval("id"+j).innerText="★";//選中的星星
}
function getStar()
{
alert("用戶的評價是"+starNum+"顆星!"); //顯示評級數
}
for (var i=1;i<=6;i++)
{
//動態輸出span,并設置span的樣式和事件
document.write('<span id="id'+i+'" onclick="chgStar()" style="cursor:hand;">☆</span>');
}
document.write('<br/><br/><button onclick="getStar()">評級分數</button>');//動態輸出按鈕,包括其事件
</script>
</head>
<body>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -