我做了一个评级系统,当用户鼠标移到上面时,显示5颗星,星星变成黄色,但当用户鼠标移出时,星星变成白色。 然而,我想制作一个函数,当用户点击星号时,它会变黄,即使鼠标离开也不会变白。我尝试使用鼠标向下键来执行此操作,但鼠标伸出事件仍然会出现。 <script>
function changeImage1() {
document.getElementById('myImage1').src="yellow.jpg";}
function reset(){
document.getElementById('myImage1
这是用于选择星星的纯HTML和CSS。
我确实知道js代码是怎么做的,但是当我单击一颗恒星时,我无法理解恒星是如何被选中的,而在恒星下面的恒星都被选中了。
.rating {
float: left;
}
/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
follow these rules. Every browser that supports :checked also supports :not(), so
it doesn’t m
我正在创建一个评分系统来对图像进行评级。我想将onClick和onMouseOver事件应用于我为系统呈现的星星。
onMouseOver:根据鼠标悬停的是哪颗星星,应该在悬停的星星之前填上星星。如果我把容器里的星星放在里面,那么就不会有星星被填满。例如。有了4颗星,如果我在第3颗星上空盘旋,那么就应该填充1-3颗星。如果我不盘旋在任何星星之上,就不应该填满任何星星。
onClick:类似于上面,除了星星将被填充,无论是悬停在或远离星星。例如。点击星号3,星星1-3将被填充.应继续填写,并禁用onMouseOver/onMouseLeave效果。
链接到代码:
Function to rend