|
|
这里只提供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> |
|