87,910
社区成员
发帖
与我相关
我的任务
分享想要实现评分控件，web开发
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
li
{ list-style:none;
float:left;
font-size:50px;
}
</style>
<title></title>
<script src="jquery-3.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('li').mouseover(function () {
$(this).html('');
$(this).prevAll().html('');
});
$('li').mouseout(function () {
$('li').html('');
});
$('li').click(function () {
$(this).html('').prevAll().html('');
$('li').mouseout(function () {
return false;
});
});
});
</script>
</head>
<body>
<ul>
<li>
</li>
<li>
</li><li>
</li><li>
</li><li>
</li><li>
</li><li>
</li>
</ul>
</body>
</html>
想要鼠标单击后，单击的星星包括前面的星星都变黑，而且移开鼠标后，星星不变白，类型淘宝的评分控件，求哪未大神指点下，谢谢，感激不尽！
由于发帖不能含有输入法的星星图案，请各位大神见谅，空白的地方为星星图案
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
li
{ list-style:none;
float:left;
font-size:50px;
}
</style>
<title></title>
<script src="jquery-3.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('li').mouseover(function () {
$(this).html('');
$(this).prevAll().html('');
});
$('li').mouseout(function () {
$('li').html('');
});
$('li').click(function () {
$(this).html('').prevAll().html('');
$('li').mouseout(function () {
return false;
});
});
});
</script>
</head>
<body>
<ul>
<li>
</li>
<li>
</li><li>
</li><li>
</li><li>
</li><li>
</li><li>
</li>
</ul>
</body>
</html>
想要鼠标单击后，单击的星星包括前面的星星都变黑，而且移开鼠标后，星星不变白，类型淘宝的评分控件，求哪未大神指点下，谢谢，感激不尽！
由于发帖不能含有输入法的星星图案，请各位大神见谅，空白的地方为星星图案
...全文
请发表友善的回复…
发表回复
qq_30928737 2016-09-22
- 打赏
- 举报
顶一下，好让大神们看到
