javascript+css好多网站用的选星星实现打分功能的函数

函数有两个参数，功能如下：
obj：  img标签组的父容器，类型为DOM对象；
oEvent： event对象。
这个函数的优点是html代码可以很简洁，使用图片也可以很少，只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址，各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候，我用的是个alert事件。事实上，我们会在这个地方用个ajax方法，把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。
需要的两张图片：
 
</p> <p><title>北冥有鱼_www.jb51.net_阿当制作选星星打分</title> </p> <p>.starWrapper{border:1px solid #FFCC00;padding:5px;width:70px;}<br /> .starWrapper img{cursor:pointer;} </p> <p>function rate(obj,oEvent){<br /> //==================<br /> // 图片地址设置<br /> //==================<br /> var imgSrc = '//www.jb51.net/upload/20080508122008586.gif';<br /> var imgSrc_2 = '//www.jb51.net/upload/20080508122010810.gif';<br /> //---------------------------------------------------------------------------<br /> if(obj.rateFlag) return;<br /> var e = oEvent || window.event;<br /> var target = e.target || e.srcElement;<br /> var imgArray = obj.getElementsByTagName("img");<br /> for(var i=0;i </p> <p class="starWrapper"> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• 如何实现星星评价（jquery.raty.js插件）
• AngularJS实现星星等级评分功能
• JS实现星星评分功能实例代码(两种方法)
• js实现商城星星评分的效果
• js实现的星星评分功能函数
• js实现星星打分效果的方法
• js实现飞入星星特效代码
• js点亮星星评分并获取参数的js代码
• js星星评分效果
• JavaScript实现星星等级评价功能