个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
如何在点击星星后保持星星的颜色，并在点击更高或更低评级的星星时更改它？
我想为我的网站创建一个凝视组件
我可以看到星星的颜色发生变化，但点击星星后它不会停留。
<HTML>
<head>
.star{
float:left;
height: 100%;
width: 20%;
}
#container{
background-image: url('http://img1.targetimg1.com/wcsstore/TargetSAS/11_05_2013_06_55/images/ratings-large-sprite-r5.gif');
width: 226px;
height: 50px;
}
</head>
<body ng-app="RatingApp" ng-controller="RatingCtrl" ng-init="rating = star.rating + 1">
<div id="container">
<div id="1" class="star"></div>
<div id="2" class="star"></div>
<div id="3" class="star"></div>
<div id="4" class="star"></div>
<div id="5" class="star"></div>
</div>
</body>
</html>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>$("#1").mouseover(function(){
$("#container").css('background-position', '0px -38px');
});
$("#2").mouseover(function(){
$("#container").css('background-position', '0px -76px');
});
$("#3").mouseover(function(){
$("#container").css('background-position', '0px -114px');
});
$("#4").mouseover(function(){
$("#container").css('background-position', '0px -152px');
});
$("#5").mouseover(function(){
$("#container").css('background-position', '0px -190px');
});
$(".star").mouseout(function(){
$("#container").css('background-position', '0px 0px');
});</script>
最佳答案
一种解决方案是在单击星星时保存评级。到目前为止，您根本没有监听点击事件。您可以通过使用
添加处理程序来完成此操作$('#1').click(function(){
//your code here
});
当鼠标移出时，您可以将背景位置恢复为上次点击的评级，而不是 0。
以下是如何执行此操作的示例:http://jsfiddle.net/e8hffqs5/
关于javascript - 点击后如何保持星星颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27960529/
25
4
0
在 ggplot 中，我想用星号 ('*') 标记一些误差条以指示显着性水平。该图在 y 轴上排列有类别标签，因此它们很容易辨认。这意味着误差条是水平的，* 需要与它们垂直对齐。但是，符号“*”并未在
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
我正在研究在图像上模拟星星。该图像是按正态分布(均值、标准差)生成的灰度矩阵。现在，给定像素坐标和恒星 SNR，我必须将其作为点源种植在图像之上。有什么建议我如何实现它以使其成为有用的模拟？你能建议代
我正在尝试自定义 RatingBar 的每颗星，使其看起来不同。 当我查看它的源代码时 RatingBar或其父类(super class) AbsSeekBar/ProgressBar ，我无法识别
我想给 RatingBar 中的星星添加阴影。我也想用半星，所以我不能直接在星图上添加阴影。这有可能实现还是我必须创建自定义 RatingBar？ 我使用以下可绘制对象使未填充的星星透明:
我正在尝试绘制一些随机点作为窗口中的星星，但积分没有显示。但其他对象显示正确。 我的源代码: #include #include #include // For math routine
GitHub API 提供了获取按创建日期排序的加星标项目的功能。但是，我找不到获得这个日期的可能性。 响应中仅存在三个日期类型字段: created_at: '2013-06-13T21:10:36
我制作了一些闪烁的随机星星粒子，由于某种原因它无法在 Firefox 上运行，我可以渲染出我的图像，但星星没有渲染。我也没有错误消息。 我把它发送给一个 friend ，由于某种原因，它在他的 chr
我是一名优秀的程序员,十分优秀！