<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题页</title>
<script src="jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
//节点遍历
$(function(){
$('#rating td').html('☆');
//
$('#rating td').mouseover(function(){
$('#rating td').html('★');
$(this).nextAll().html('☆');
});
});
</script>
</head>
<body>
<table id="rating">
<tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</body>
</html>
可以把★换成图片,效果更好,但是此程序有个bug,第一个为满格后无法切换成空格
本文介绍了一个使用jQuery实现的简单星星评分插件。通过鼠标悬停改变星星的状态，但存在一个bug：当第一个星星被激活后，无法再切换为空星状态。可以将星星符号替换为图片以获得更好的视觉效果。
扫一扫
356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
