php做五星评价系统,JavaScript_javascript实现五星评分功能，本文为大家分享了javascript实现 - phpStudy...

javascript实现五星评分功能

本文为大家分享了javascript实现五星评分功能的实例代码，大家可以参考学习一下，具体的实现办法如下

在分享javascript实现五星评价功能的实例代码之前，先看一看效果图：

star1.png         star1.png

具体代码：

53

*{

margin: 0;

padding: 0;

}

body{

padding: 20px;

}

.star1{

width: 70px;

height: 13px;

background: url('images/star1.png') repeat-x left center;

}

.star2{

/* width: 60%;*/

height: 13px;

background: url('images/star2.png') repeat-x left center;

float: left;

}

$(function(){

var fiveStars=function(num){

if(!num||num<3){

return '--';

}

return '

}

var str=fiveStars(4)

$('body').html(str)

})

希望本文对大家学习javascript程序设计有所帮助。相关阅读:

JavaScript学习笔记整理之引用类型

详解C++编程中的变量相关知识

详解JavaScript编程中的数组结构

只需一行代码,轻松实现一个在线编辑器

MongoDB加入到Windows服务的方法

jQuery通过deferred对象管理ajax异步

iOS中的UIKeyboard键盘视图使用方法小结

jQuery Ajax Post 回调函数不执行问题的解决方法

PHP7新特性foreach 修改示例介绍

Java Web开发之基于Session的购物商店实现方法

Linux系统下findmnt命令使用全解

php编写的抽奖程序中奖概率算法

详解MySQL集群搭建

js模拟hashtable的简单实例