js实现了一个简单的星选择器提交效果注释等。
星选择器,提交评论代码等。js库没有用处,这是一个单独的js代码
复制代码代码如下所示:
服务
默认级别
一
二
三
四
五
价格
默认级别
一
二
三
四
五
质量
默认级别
一
二
三
四
五
复制代码代码如下所示:
<!——
功能__start(){
无功initialize_width = 0;
如果(文件。getelelmentbyid){ return false };
If (document.getElementsByTagName==null) {return false;}
无功startlevelobj = document.getelementbyid(star_level )
如果(startlevelobj = = null){ return false;}
initialize_width = parseInt(startlevelobj.getattribute(star_width ),10);
如果(isnan(initialize_width)| | initialize_width = = 0 { return false;})
无功ul_obj = startlevelobj.getelementsbytagname(UL);
如果(ul_obj。长度<1){ return false;}
VaR的长度= ul_obj.length;
无功li_length = 0;
无功a_length = 0;
无功li_obj = null;
无功a_obj = null;
无功defaultinputobj = null;
VaR值= null;
对于(var i = 0;i <长度;i + +){
li_obj = ul_obj {我}。getElementsByTagName(礼);
li_length = li_obj.length;
如果(li_length<0){ return false;}
获取默认值
defaultinputobj = li_obj { 0 }。getElementsByTagName(输入);如果(!defaultinputobj){ return false;}
默认值= parseInt(defaultinputobj { 0 }。值,10);
如果(!IsNaN(默认值)默认值!= 0){
具有初始值的警告()!;
/ / li_obj { 1 }。风格。宽度= initialize_width *默认值+PX;
/ /默认值= 0;
}
对于(var j = 0;J < li_length;j++){
a_obj = li_obj {,}。getElementsByTagName();
如果(a_obj。长度<1){继续;}
如果(a_obj { 0 }。classname.indexof(星)> 0){
a_obj { 0 }。onclick =函数(){
返回give_value(本);
}
a_obj { 0 }。onfocus =函数(){
This.blur();
}
}
}
}
}
功能give_value(obj){
var状态=真;
无功parent_obj = obj.parentnode;
var I=0;
当(状态){
++;
如果(parent_obj nodename = =。UL){ break;}
parent_objparent_obj = parent_obj.parentnode;
如果(1000){中断;} /防止/无法找到死亡的UL循环
}
无功hidden_input = parent_obj.getelementsbytagname(输入){ 0 };
如果(hidden_input。长度<1){ / *警报(对不起程序错误!);
VaR txt = obj.firstchild.nodevalue; / /不存在由于空间哦,这里的第一个孩子
如果(isnan(parseInt(TXT,10)){ / *警报('level)错误!)*;返回false;}
hidden_input.setattribute(价值
固定检查状态,首先查找李初始化的颜色。
无功current_li = parent_obj.getelementsbytagname(礼);
VaR的长度= current_li.length;
无功ok_li_obj = null;
对于(var i = 0;i <长度;i + +){
如果(current_li {我}。classname.indexof(current_rating )> = 0){
ok_li_obj = current_li {我};断裂; / /找到
}
}
__current_width = txt * 14;
ok_li_obj。风格。宽度= __current_width +PX;
返回false;
}
__start();
复制代码代码如下所示:
字体大小:12px身体{;}
填充:0;边距:0;}
星形。
。star_rating {列表样式:无;保证金:- 1px 00 - 1px;填充:0;宽度:70px;身高:12px;位置:相对;背景:URL(rating_stars .gif)00 repeat-x;rating_stars GIF;}。
。star_rating李{填充:0;保证金:0;浮动:左;}
李。star_rating {显示:块;宽度:14px;身高:12px;文字装饰:无;文本缩进:- 9000px;Z指数:20;位置:绝对;填充:0;保证金:0;}
李:悬停。star_rating { background: url(rating_stars .gif)0 12px;Z指数:2;左:0;}
。star_rating a.one_star {左:0;}
。star_rating a.one_star:悬停{宽度:14px;}
。star_rating a.two_stars {左:14px;}
。star_rating a.two_stars:悬停{宽度:28px;}
。star_rating a.three_stars {左:28px;}
。star_rating a.three_stars:悬停{宽度:42px;}
。star_rating a.four_stars {左:42px;}
。star_rating a.four_stars:悬停{宽度:56px;}
。star_rating a.five_stars {左:56px;}
。star_rating a.five_stars:悬停{宽度:70px;}
。star_rating李。current_rating { background: url(rating_stars .gif)0 24px;位置:绝对的;身高:12px;显示:块;文本缩进:- 9000px;Z指数:1;左:0;}。
结尾星。
#star_level{margin:0 0 20px 20px;}
# star_level p { margin: 20px 0 5px 0;}