jquery+css实现简单的评分功能-白红宇

jquery+css实现简单的评分功能

阅读量：5302 次

发布时间：2019-06-14

本文共 424 字，大约阅读时间需要 1 分钟。

今天研究了下简单的评分功能，参考了下"http://www.lanxyou.info/star-rating-new-method/",感觉比较简单易用，之后自己做了下优化处理。

先看下效果图：

原理：橙色星宽度/父容器宽度 * 100 = 分值

功能：鼠标悬浮时，其左侧星星点亮

　　　鼠标滑过时，其左侧星星点亮

　　　鼠标点击时，其左侧星星点亮

　　鼠标移开后，默认记忆上次点击的橙色星宽度

所需图片：

实现源码：


        jquery+css实现简单评分功能    
        
         
        
    
        
         0分

posted on

2013-01-29 15:56 阅读(

...) 评论(

...) 收藏

转载于:https://www.cnblogs.com/front-end1210/archive/2013/01/29/2881586.html

你可能感兴趣的文章

开源网络漏洞扫描软件

查看>>

yum 命令跳过特定(指定)软件包升级方法

Could not resolve view with name '***' in servlet with name 'dispatcher'

查看>>

Chapter 3 Phenomenon——12

jquery对id中含有特殊字符的转义处理

查看>>

遇麻烦，Win7+Ubuntu12.10+Archlinux12.10 +grub

lua语言入门之Sublime Text设置lua的Build System

[转载] redis 的两种持久化方式及原理

查看>>

C++ 删除字符串的两种实现方式

查看>>

ORA-01502: 索引'P_ABCD.PK_WEB_BASE'或这类索引的分区处于不可用状态

查看>>