您的当前位置：首页 js点亮星星评分并获取参数的js代码_javascript技巧

js点亮星星评分并获取参数的js代码_javascript技巧

来源：年旅网

用到的图片如下：

在线演示地址：http://demo.jb51.net/js/2014/jsxxdf/demo2.html

完整代码：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,站长特效网" /> <meta name="description" content="www.zzjs.net,脚本之家，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在脚本之家" /> <title>网页特效添加行为的星星评级效果脚本之家欢迎您.</title> <style type="text/css"> </style> </head> <body> 脚本之家,站长必备的高质量网页特效和广告代码。<hr> <script type="text/javascript"> 0){ a_obj[0].onclick=function(){ return give_value(this); } a_obj[0].onfocus=function(){ this.blur(); } } } } } function give_value(obj){ var status=true; var parent_obj=obj.parentNode; var i=0; while(status){ i++; if(parent_obj.nodeName=="UL"){break;} parent_obj=parent_obj.parentNode; if(i>1000){break;}//防止找不到ul发生死循环 } var hidden_input=parent_obj.getElementsByTagName("input")[0]; if(hidden_input.length<1){/*alert("sorry?\nprogram error!")*/;} var txt=obj.firstChild.nodeValue;//确保不能存在空格哦，因为这里用的firstChild if(isNaN(parseInt(txt,10))){/*alert('level error!')*/;return false;} hidden_input.setAttribute("value",txt.toString()); //固定选中状态,先找到初始化颜色那个li var current_li=parent_obj.getElementsByTagName("li"); var length=current_li.length; var ok_li_obj=null; for(var i=0;i<length;i++){ if(current_li[i].className.indexOf("current_rating")>=0){ ok_li_obj=current_li[i];break;//找到 } } __current_width=txt*14; ok_li_obj.style.width=__current_width+"px"; return false; } __start(); //--> </ script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]