看了下传统的方法,觉得不好,太麻烦。自己重写了个,思路比较新。//====================选星星打分功能================= function rate(obj,oEvent){//==================// 图片地址设置//==================var imgSrc = 'http://image1.koubei.com/images/store/icon_star_1.gif';var imgSrc_2 = 'http://image1.koubei.com/images/store/icon_star_2.gif';//---------------------------------------------------------------------------if(obj.rateFlag) return;var e = oEvent || window.event;var target = e.target || e.srcElement; var imgArray = obj.getElementsByTagName("img");for(var i=0;iimgArray._num = i;imgArray.onclick=function(){if(obj.rateFlag) return;obj.rateFlag=true;alert(this._num+1);};}if(target.tagName=="IMG"){for(var j=0;jif(jimgArray[j].src=imgSrc_2;} else {imgArray[j].src=imgSrc;}}} else {for(var k=0;kimgArray[k].src=imgSrc;}}}函数有两个参数,功能如下:
obj:img标签组的父容器,类型为DOM对象;
oEvent: event对象。
用到的图片:
[url=http://onlyaa.com/uploads/userup/1/10E123116000004V1.gif][/url]
[url=http://onlyaa.com/uploads/userup/1/10E123116000003142.gif][/url]
这个函数的优点是html代码可以很简洁,使用图片也可以很少,只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址,各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候,我用的是个alert事件。事实上,我们会在这个地方用个ajax方法,把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。阿当制作.starWrapper{border:1px solid #FFCC00;padding:5px;width:70px;}.starWrapper img{cursor:pointer;}function rate(obj,oEvent){//==================// 图片地址设置//==================var imgSrc = 'http://onlyaa.com/uploads/userup/1/10E123116000003142.gif';var imgSrc_2 = 'http://onlyaa.com/uploads/userup/1/10E123116000004V1.gif';//---------------------------------------------------------------------------if(obj.rateFlag) return;var e = oEvent || window.event;var target = e.target || e.srcElement;var imgArray = obj.getElementsByTagName("img");for(var i=0;iimgArray._num = i;imgArray.onclick=function(){if(obj.rateFlag) return;obj.rateFlag=true;alert(this._num+1);};}if(target.tagName=="IMG"){for(var j=0;jif(jimgArray[j].src=imgSrc_2;} else {imgArray[j].src=imgSrc;}}} else {for(var k=0;kimgArray[k].src=imgSrc;}}}
分享到:
相关推荐
选星星实现打分功能的函数,解压运行。 js代码。
javascript+css好多网站用的选星星实现打分功能的函数
主要介绍了js实现的星星评分功能函数,涉及JavaScript响应鼠标事件实现针对页面元素的遍历与样式属性的修改技巧,非常简单实用的代码,需要的朋友可以参考下
jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。
文章投票插件,我们之前也做过介绍,今天我们再来介绍一款评分类插件GD Star Rating,这款插件虽然没有WP-PostRatings插件(星星、爱心...),那么多样式图标,但是,它的评论的功能更加的全面,也更加的丰富。...
Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。
jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数
jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。www.jq22.com
基于SVG的jQuery星级评分插件是一款提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。
star-rating-svg是一款基于SVG的jQuery星级评分插件。该星级评分插件使用简单,并提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。
基于SVG的jQuery星级评分插件是一款提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。
jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。
star-rating-svg是一款基于SVG的jQuery星级评分插件。该星级评分插件使用简单,并提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。
这是一个星级评分插件。该插件基于jquery实现。插件会生成五颗蓝色的可选择的小星星(可选择半颗...可以自定义单击星星后的回调函数。也可以定义鼠标滑过后的响应事件。 内附有psd文件和源码,可以方便的修改图片样式。
可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。
react-native-rate-modal “在 Google Play/Play 商店给我们评分”模式...示例用法您可以为每个星星传递不同的函数,因此您可以随心所欲。1 到 4 星只是警报 -> 谢谢,但在 5 星评级中,您会将用户重定向到商店或游戏。
一、评价=评论加评价(评星星); 二、评价必须是下载完了该资源后的评价,没下载就评论无效; 三、如果正确评价了,返还积分可能需要等等,系统需要反应下。呵呵 评论时记得要评分。然后会返回给你花费的分再加1...
css/home.css 系统内置功能的样式表,例如 顶踩,联想搜索,星星评分,历史记录,留言本,评论等功能。 css/style.css 当前模版的自定义样式表 images/ 存放模版的相关图片 images/home/ 存放系统内置功能的...