用戶登錄  |  用戶注冊
首 頁源碼下載網絡學院最新源碼源碼排行屏蔽廣告
當前位置:新興網絡 > 網絡學院 > 網頁制作 > JavaScript

Javascript 星形評級效果

減小字體 增大字體 作者:佚名  來源:本站整理  發布時間:2010-06-11 14:56:52
HTML code運行代碼復制代碼編輯
<html>
<head>
<title>示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
var nowindex = 1;    //默認幾個星
var startnum = 10;    //星的個數
var selectedcolor = "red";    //選上的顏色
var uselectedcolor = "gray";    //未選的顏色
function _$(id)
{
    return document.getElementById(id);
}
function setstar(index)
{
    for(var i=1;i<=index;i++){
        _$("s"+i).style.color=selectedcolor;
        _$("s"+i).style.cursor="hand";
    }
    for(var i=(index+1);i<=startnum;i++){
        _$("s"+i).style.color=uselectedcolor;
        _$("s"+i).style.cursor="hand";
    }
}
function initstar()
{
    for(var i=1;i<=startnum;i++){
        document.write('<span id="s'+i+'" onclick="clickstar('+i+')" title="'+i+'星" onmouseout="setstar(nowindex)" onmouseover="setstar('+i+')">★</span>');
    }
    setstar(nowindex)
}
function clickstar(index)
{
    //選中后結果處理.....
    alert(index+"星");
}
//-->
</SCRIPT>
<div style="font-size:48pt;">
<SCRIPT LANGUAGE="JavaScript">initstar();</SCRIPT>
</div>
</body>
</html>

Tags:星形評級

作者:佚名
  • 好的評價 如果您覺得此文章好,就請您
      100%(1)
  • 差的評價 如果您覺得此文章差,就請您
      0%(0)

網絡學院評論評論內容只代表網友觀點,與本站立場無關!

   評論摘要(共 0 條,得分 0 分,平均 0 分) 查看完整評論
秒速时时彩