+ -
当前位置:首页 → 问答吧 → 用星星投票的示例(无图片)

用星星投票的示例(无图片)

时间:2010-06-05

来源:互联网


<html> <head> <title>用星投票的示例(无图片) - www.eweiya.com</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>
 提示:您可以先修改部分代码再运行

作者: spyshadow   发布时间: 2010-06-05

这个好 做个记号~

作者: 7022   发布时间: 2010-06-05

这个做得不错,咱收藏了

作者: shbijiben   发布时间: 2010-06-06