六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 33|回复: 0

星星打分效果

[复制链接]

升级  9.33%

16

主题

16

主题

16

主题

秀才

Rank: 2

积分
64
 楼主| 发表于 2013-1-29 08:57:01 | 显示全部楼层 |阅读模式
这里只提供javascript和html,只供参考,没有例子下载看,我想只要有一些javascript和jquery基础的都能看懂吧。
jquery代码:
$(document).ready(function(){        $("#stars a").each(function(i){            $(this).mouseover(function(){                $("#stars a:lt("+(i+1)+")").attr("class","cur");                $("#stars a:gt("+i+")").removeClass("cur");                $("#isRank").attr("value",i+1);//把打的分数放到隐藏域            });            $(this).click(function(){                $("#isRank").attr("value",i+1);            });            $(this).mouseout(function(){                var cur_star = parseInt($("#isRank").val())-1;                $("#stars a:lt("+(cur_star+1)+")").attr("class","cur");                $("#stars a:gt("+cur_star+")").removeClass("cur");                $("#isRank").attr("value",i+1);//把打的分数放到隐藏域            });        })    }); html页面
<div class="area">        <div class="fixBox">            <label>评分:</label>            <div class="stars" id="stars">                <a href="javascript:void(0)" class="cur" id="star1"  ></a>                <a href="javascript:void(0)" id="star2"  ></a>                <a href="javascript:void(0)" id="star3"  ></a>                <a href="javascript:void(0)" id="star4"  ></a>                <a href="javascript:void(0)" id="star5" ></a>            </div>            <input type="hidden" value="1" id="isRank" />            <div class="clear"></div>        </div></div>  
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表