<html>
<head>
<title>js用星投票的示例代码(无图片) - 中国asp之家</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<script type="text/javascript">
<!--
var nowindex = 1; //默认几个星
var startnum = 10; //星的个数
var selectedsrc = "images/2.gif"; //选上的状态
var uselectedsrc = "images/1.gif";//未选的状态
function _$(id)
{
return document.getElementById(id);
}
function setstar(index)
{
for(var i=1;i<=index;i++){
_$("s"+i).src=selectedsrc;
_$("s"+i).style.cursor="pointer";
}
for(var i=(index+1);i<=startnum;i++){
_$("s"+i).src=uselectedsrc;
_$("s"+i).style.cursor="pointer";
}
_$("endstar").value=index;
}
function initstar()
{
for(var i=1;i<=startnum;i++){
document.write('<img id="s'+i+'" οnclick="clickstar('+i+')" src="images/1.gif" title="'+i+'星" οnmοuseοver="setstar('+i+')" border="0" /><input type="hidden" name="endstar" id="endstar" value="1">');
if(i==1)
_$("s"+i).src=selectedsrc;
}
}
function clickstar(index)
{
//如果点击就提交，可以在这里写提交的代码
_$("endstar").value=index;
alert(index);
}
//-->
</script>
<script type="text/javascript">
<!--
initstar()
//-->
</script>
<br>
</div>
</body>
</html>