【jquery】优化仿淘宝五星评价打分(附注释)

在前面的博文http://blog.youkuaiyun.com/lzgs_4/article/details/47913629，我们已经把仿淘宝五星评价打分功能实现出来了，实现五星打分的思路基本就是前面博文提到的，但当有成千上万颗星星的时候，程序估计会长得很难看了。为了代码更加精简和有效率，我们来优化一下程序。

用到的星星素材可在前面的博客找到云盘链接：http://blog.youkuaiyun.com/lzgs_4/article/details/47912753

话不多说，上码：

<html>
<head>
<meta charset="utf-8">	
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<style type="text/css">
	img:hover{cursor: pointer;}
</style>
</head>
<body>
	<div>
		<img src="img/star.png"/>
		<img src="img/star.png"/>
		<img src="img/star.png"/>
		<img src="img/star.png"/>
		<img src="img/star.png"/>
		<span></span>