jquery用截图实现了类似淘宝明星评分功能
超文本标记语言
body div id=' div ' ulli/Lili/Lili/Li/ul/divp id=' p '/PP id=' score '/p/body id=' p '
Id='score '显示最终得分-。
javascript "
$(function () {//为所有li标记绑定mouseout和mouseover事件。bind的方法({事件名称:function(){},事件名称:function(){})绑定多个事件$ ('# div Li ')。bind({ mouse out : function(){ $(this))。CSS('颜色','黑色')。html(“”)。普雷瓦尔()。css('颜色','黑色')。html(“”)},mouse over : function(){ $(this)。css('颜色','红色')。html(“”)。普雷瓦尔()。css('颜色','红色')。html(“”)} });//=实时显示分数。[index]搜索匹配的元素,返回对应元素的索引值,从0开始计数。$('#div li ')。mouseover(函数(){$('#p '))。html(parseInt($(this))。索引(' # div Li '))1);});//按下鼠标时,确定分数。不会变的。大局已定。$ ('# div Li ')。mousedown(函数(){$ ('# score '))。html('您选择的分数是'(parseint ($ (this))。索引(' # div Li ')(1)));$(这个)。CSS('颜色','红色')。html(“”)。普雷瓦尔()。CSS('颜色','红色')。html(' ')//清除所有li标签的所有绑定事件- unbind方法可以添加参数来清除特定事件。清除$(这个)。解除绑定()。普雷瓦尔()。解除绑定()。nextall()。unbind();});})效果如下:
可惜一点就改不了。真的很难过。大概只是做了个小样子。
PrevAll()和nextAll()?先暂时说说方法。您可以在jquery的文档中找到它。
在jquery中,index是返回元素的索引值,从零开始。分数怎么样?加一个就行了。
版权声明:jquery用截图实现了类似淘宝明星评分功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。