本文介绍的是使用CSS+JS制作的用于文章评论投票的星形示例，不要以为是用到了图片哦，其实这些星形完全是由CSS修饰出来的，无图片版，这样不影响网页加载的速度，而且修改也方便，只需调整颜色和大小就行了。 下面是实例演示： <html><br /> <head><br /> <title>星形投票示例(无图片) - Liehuo.net</title><br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /> </head><br /> <body><br /> <SCRIPT LANGUAGE="<b>Java</b>Script"><br /> <!--<br /> var nowindex = 1; //默认几个星<br /> var startnum = 10; //星的个数<br /> var selectedcolor = "red"; //选上的颜色<br /> var uselectedcolor = "gray"; //未选的颜色<br /> function _$(id)<br /> {<br /> return document.getElementById(id);<br /> }<br /> function setstar(index)<br /> {<br /> for(var i=1;i<=index;i++){<br /> _$("s"+i).style.color=selectedcolor;<br /> _$("s"+i).style.cursor="hand";<br /> }<br /> for(var i=(index+1);i<=startnum;i++){<br /> _$("s"+i).style.color=uselectedcolor;<br /> _$("s"+i).style.cursor="hand";<br /> }<br /> }<br /> function initstar()<br /> {<br /> for(var i=1;i<=startnum;i++){<br /> document.write('<span id="s'+i+'" onclick="clickstar('+i+')" title="'+i+'星" onmouseout="setstar(nowindex)" onmouseover="setstar('+i+')">★</span>');<br /> }<br /> setstar(nowindex)<br /> }<br /> function clickstar(index)<br /> {<br /> alert(index+"星");<br /> }<br /> //--><br /> </SCRIPT><br /> <div style="font-size:48pt;"><br /> <SCRIPT LANGUAGE="JavaScript"><br /> <!--<br /> initstar()<br /> //--><br /> </SCRIPT><br /> </div><br /> </body><br /> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 js 滑动门,CSS 实现小箭头指向区域内容CSS实现图文混排效果,图左文右下面列表
