- 首先在body标签里面给他一个ul标签,在ul标签里面给他一个类名为coment,在ul标里在给5个li标签li里面给他一个五角星
2.在title标签下面给他一个style标签,在style标签里面给他一个*标签设置他的padding为0,margin为0,在*标签下面给他一个comment标签在标签里面给他一个font-size为40px,在给他一个color为yellow,然后在comment li里面给他一个float:left, 下面给他一个ul标签里面给他一个list-style为none
3.写一个页面加载, 获取到类 commet 里面的所有的 li 标签,然后做一个鼠标移入事件,
设置当前 this 的星星变成实心的,然后设置它前面的 li 标签也为实心的,后面的所有的 li
标签为空心,做一个点击事件(使用链式编程), 我们要做一个记录,要设置 li 标签加一个自定义属性 点击设置当前 this 的自定义属性,index 它的值为 1,当这个做标记 其它的都取(为
鼠标离开做准备),找到它的兄弟 sibling 里面的 li 标签然后移除这个自定义鼠标离开,要先找到所有的 li 标签通过自定义属性找到,然后设置它的 text 文本为实心的五 角星然后它前面的也要为实心的,在设置后面的为空心的
这是我所学到的评分案例,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔