JQ-评分功能

最新推荐文章于 2024-08-28 10:35:52 发布

weixin_55086241

最新推荐文章于 2024-08-28 10:35:52 发布

阅读量293

点赞数

分类专栏： JQ 文章标签： css html jquery html5

本文链接：https://blog.csdn.net/weixin_55086241/article/details/117219562

版权

本文介绍了如何利用HTML和JQuery实现一个评分功能。通过设置HTML框架和应用CSS样式，然后使用JQuery添加点击事件，实现点击评分项时改变颜色以显示评分效果，以及双击取消评分的功能。

摘要由CSDN通过智能技术生成

评分功能

效果图
在这里插入图片描述
HTML：

框架结构代码
先将框架搭建好，设置一个类.pfxtCur ，在类中设置背景颜色与边框颜色的样式，用来实现评分的效果

 li:first-child {
   
               border-top-left-radius:15px;
               border-bottom-left-radius:15px;
        } 
        li:last-of-type{
   
            border-top-right-radius:15px;
            border-bottom-right-radius:15px;
        }
        .pfxtFen li {