(编辑:jimmy 日期: 2024/10/30 浏览:2)
1. 鼠标经过li的时候,当前的位置是实心五角星,前面的是实心。当前位置后面的是空心。注意此处不能完全用链式编程写到底
2. 鼠标离开,comment的所有孩子变为空心五角星。额外,找到current, 让current和它的前面都是实心。
3. 点击li的时候,当前的位置增加个current的class, 其余位置移除current
代码如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>五角星评分案例</title> <style> * { padding: 0; margin: 0; } .comment { font-size: 40px; color: #ff16cf; } .comment li { float: left; } ul { list-style: none; } </style> <script src="/UploadFiles/2021-04-02/jquery-1.12.4.js">以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。