js点亮星星评分并获取参数的js代码

用到的图片如下：

在线演示地址：http://demo.jb51.net/js/2014/jsxxdf/demo2.html

完整代码：

</p> <p><title>网页特效 添加行为的星星评级效果 北冥有鱼欢迎您.</title></p> <p><!-- body{font-size:12px;} ul{padding:0;margin:0;} .star_rating {list-style:none;margin:-1px 0 0 -1px; padding:0; width:70px; height:12px; position:relative; background:url(http://demo.jb51.net/demoimg/rating_stars.gif) 0 0 repeat-x; overflow:hidden;font-size:0;} .star_rating li{padding:0;margin:0;float:left;} .star_rating li a{display:block;width:14px;height:12px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0;margin:0;} .star_rating li a:hover{background:url(http://demo.jb51.net/demoimg/rating_stars.gif) 0 12px;z-index:2;left:0;} .star_rating a.one_star{left:0;} .star_rating a.one_star:hover{width:14px;} .star_rating a.two_stars{left:14px;} .star_rating a.two_stars:hover{width:28px;} .star_rating a.three_stars{left:28px;} .star_rating a.three_stars:hover{width:42px;} .star_rating a.four_stars{left:42px;} .star_rating a.four_stars:hover{width:56px;} .star_rating a.five_stars{left:56px;} .star_rating a.five_stars:hover{width:70px;} .star_rating li.current_rating{background:url(http://demo.jb51.net/demoimg/rating_stars.gif) 0 24px;position:absolute;height:12px;display:block;text-indent:-9000px;z-index:1;left:0;} #www_zzjs_net{margin:0 0 20px 20px;} #www_zzjs_net p{margin:20px 0 5px 0;} --></p> <p>北冥有鱼,站长必备的高质量网页特效和广告代码。</p> <hr> <p>服务</p> <ul class="star_rating"> <li> </li> <li class="current_rating">default level</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <p>价格</p> <ul class="star_rating"> <li> </li> <li class="current_rating">default level</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <p>质量</p> <ul class="star_rating"> <li> </li> <li class="current_rating">default level</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• JavaScript评论点赞功能的实现方法
• 利用ASP.NET MVC+Bootstrap搭建个人博客之praise.js点赞特效插件(二)
• JS实现星星评分功能实例代码(两种方法)
• JS实现带提示的星级评分效果完整实例
• javascript实现五星评分功能
• js实现星星打分效果的方法
• javascript实现五星评价代码（源码下载）
• javascript实现随机显示星星特效
• js实现商城星星评分的效果
• JS实现简单的点赞与踩功能示例