`
meikanbao
  • 浏览: 15037 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
最近访客 更多访客>>
社区版块
存档分类
最新评论

选星星打分功能函数

 
阅读更多

                   
                                                                看了下传统的方法,觉得不好,太麻烦。自己重写了个,思路比较新。//====================选星星打分功能================= 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好多网站用的选星星实现打分功能的函数

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

    js实现的星星评分功能函数

    主要介绍了js实现的星星评分功能函数,涉及JavaScript响应鼠标事件实现针对页面元素的遍历与样式属性的修改技巧,非常简单实用的代码,需要的朋友可以参考下

    jquery动态星星评分插件zip

    jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。

    WordPress文章及评论评分插件GD Star Rating

    文章投票插件,我们之前也做过介绍,今天我们再来介绍一款评分类插件GD Star Rating,这款插件虽然没有WP-PostRatings插件(星星、爱心...),那么多样式图标,但是,它的评论的功能更加的全面,也更加的丰富。...

    Jquery 星级评分插件

    Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。

    jQuery Raty星级评分插件

    jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数

    jQuery星级评分

    jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。www.jq22.com

    基于SVG的jQuery星级评分插件特效代码

    基于SVG的jQuery星级评分插件是一款提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。

    star-rating-svg | jQuery星级评分插件

    star-rating-svg是一款基于SVG的jQuery星级评分插件。该星级评分插件使用简单,并提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。

    基于SVG的jQuery星级评分插件.zip

    基于SVG的jQuery星级评分插件是一款提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。

    jQueryRaty这是一个能够自动生成可定制的星级评分jQuery插件

    jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。

    starratingsvg是一款基于SVG的jQuery星级评分插件

    star-rating-svg是一款基于SVG的jQuery星级评分插件。该星级评分插件使用简单,并提供大量的配置参数来设置评分效果,通过回调函数来获取用户点击的星星数量。

    基于jquery的星级评分插件

    这是一个星级评分插件。该插件基于jquery实现。插件会生成五颗蓝色的可选择的小星星(可选择半颗...可以自定义单击星星后的回调函数。也可以定义鼠标滑过后的响应事件。 内附有psd文件和源码,可以方便的修改图片样式。

    jQuery星级评分插件

    可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。

    使用 React Native 的“在 Google Play/Play 商店给我们评分”模式。

    react-native-rate-modal “在 Google Play/Play 商店给我们评分”模式...示例用法您可以为每个星星传递不同的函数,因此您可以随心所欲。1 到 4 星只是警报 -> 谢谢,但在 5 星评级中,您会将用户重定向到商店或游戏。

    MFC Windows程序设计(第二版) 源代码 任哲编著 [评价可免费]

    一、评价=评论加评价(评星星); 二、评价必须是下载完了该资源后的评价,没下载就评论无效; 三、如果正确评价了,返还积分可能需要等等,系统需要反应下。呵呵 评论时记得要评分。然后会返回给你花费的分再加1...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    css/home.css 系统内置功能的样式表,例如 顶踩,联想搜索,星星评分,历史记录,留言本,评论等功能。 css/style.css 当前模版的自定义样式表 images/ 存放模版的相关图片 images/home/ 存放系统内置功能的...

Global site tag (gtag.js) - Google Analytics