java实现星级评分功能_JS实现星星评分功能实例代码(两种方法)

一、方法1

1、用到图片

2、结构和样式

Document

ul {

padding-left: 0;

overflow: hidden;

}

ul li {

float: left;

list-style: none;

width: 27px;

height: 27px;

background: url(img/star.gif)

}

ul li a {

display: block;

width: 100%;

padding-top: 27px;

overflow: hidden;

}

ul li.light {

background-position: 0 -29px;

}

li加了light的class就会变成亮星，就是换了背景位置，把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。

效果：

java实现星级评分功能_JS实现星星评分功能实例代码(两种方法)相关推荐

JS实现星星评分功能实例代码(两种方法)
转载自 JS实现星星评分功能实例代码(两种方法) 一.方法1 1.用到图片 2.结构和样式 <!DOCTYPE html> <html lang="en"&g ...
android java 实体类 object变量保存_Android中Intent传递对象的两种方法Serializable,Parcelable...
Android中的传递有两个方法,一个是Serializable,另一个是Parcelable. Serializable是J2SE本身就支持的.而Parcelable是Android所特有的. 二者 ...
【java笔记】Stream流（2）：获取流的两种方法
获取一个流通常有两种方式: ●所以的Collection集合都可以通过stream默认方法获取流 ●Stream接口的静态方法of可以获取数组对应的流根据Collection集合获取Stream流 ...
java怎么打印星期_java中获取日期是星期几的两种方法
java中取得指定日期是星期几可以采用下面两种方式取得日期是星期几:(推荐:java视频教程) 1.使用Calendar类//根据日期取得星期几 public static String getWee ...
java new thread参数_java开启新线程并传参的两种方法
一.继承Thread类步骤: 1):定义一个类A继承于Java.lang.Thread类. 2):在A类中覆盖Thread类中的run方法. 3):我们在run方法中编写需要执行的操作:run方法里 ...
java 登录过滤_Java 过滤器实现（登录） + 拦截器（两种方法）
以下是实现未登录不能进入页面的实现使用了thyemeleaf+SpringBoot+过滤器实现的,过滤器的核心代码如下: @Component @WebFilter(filterName= &quo ...
【错误记录】NDK 导入外部 so 动态库报错 ( java.lang.UnsatisfiedLinkError | Android Studio 配置外部 so 动态库两种方法 )
文章目录一.报错信息二.解决方案 ( Android Studio 配置外部 so 动态库两种方法 ) 1.jniLibs 目录存放 2.libs 目录存放一.报错信息外部引用 so 动态库 ...
java创建线程的两种方法是_java创建线程的两种方法
要产生一个线程,有两种方法: ◆需要从Java.lang.Thread类派生一个新的线程类,重载它的run()方法: ◆实现Runnalbe接口,重载Runnalbe接口中的run()方法. 哪种方法 ...
【短信发送】实现腾讯云发送短信功能--工具类和SpringBoot配置两种方法实现
实现腾讯云发送短信功能--工具类和SpringBoot配置两种方法实现一.开通腾讯云短信服务二.工具类--使用qcloudsms实现短信发送三.Spring Boot项目引入短信发送功能我们发 ...

java实现星级评分功能_JS实现星星评分功能实例代码(两种方法)

java实现星级评分功能_JS实现星星评分功能实例代码(两种方法)相关推荐

最新文章

热门文章