在前面的博文http://blog.csdn.net/lzgs_4/article/details/47913629,我们已经把仿淘宝五星评价打分功能实现出来了,实现五星打分的思路基本就是前面博文提到的,但当有成千上万颗星星的时候,程序估计会长得很难看了。为了代码更加精简和有效率,我们来优化一下程序。
用到的星星素材可在前面的博客找到云盘链接:http://blog.csdn.net/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"/>