Javascript制作的评星打分系统

前不久用JQuery做了个评星打分的小东东，这次用javascript重写一遍。JQuery在浏览器事件兼容判断方面为我们做了很多底层工作，的确是大大的方便开发和减少的很多代码量。不过Javascript毕竟是最基本的东西，还是不能忘记噢。JQuery版的地址在这里，大家可以对比着看看。

演示效果如下：

• 1
• 2
• 3
• 4
• 5

 

Javascript代码：

 1// JavaScript Document
 2var descriptionTxt;    
 3var description = new Array("非常差，回去再练练","真的是差，都不忍心说你了","一般，还过得去吧","很好，是我想要的东西","太完美了，此物只得天上有，人间哪得几回闻!");
 4 changeStars;

HTML结构：

 1<div id="xzw_starSys">
 2    <div id="xzw_starBox">
 3        <ul class="star" id="xzw_star">
 4            <li><a href="#" title="1" class="one-star" hidefocus="true">1</a></li>
 5            <li><a href="#" title="2" class="two-stars" hidefocus="true">2</a></li>
 6            <li><a href="#" title="3" class="three-stars" hidefocus="true">3</a></li>
 7            <li><a href="#" title="4" class="four-stars" hidefocus="true">4</a></li>
 8            <li><a href="#" title="5" class="five-stars" hidefocus="true">5</a></li>
 9        </ul>
10        <div class="current-rating" id="showb"></div>
11    </div>
12    <span id="description" class="description"></span>
13</div>

CSS代码：

 1}