用户评分的jQuery实现
$(函数(){())
/简洁的用户评分代码
$(。pfxtfen李)。Click(function(){)
$(这)。AddClass(pfxtcur );
$(这)。PrevAll(),AddClass(pfxtcur );
$(这)。NextAll(),RemoveClass(pfxtcur );
});
$(。pfxtfen李)。Dblclick(function(){)
$(。pfxtfen李),RemoveClass(pfxtcur );
});
})
CSS
* { margin: 0;padding: 0;font-family:微软雅黑}
列表样式:无;}
用户评价
pingfenxitong {。
填料:15px 0;
宽度:500px;
保证金:0汽车;
}
pingfenlist {。
浮点数:左;
宽度:500px;
填充右:20px;
}
pfxttitle {。
字体粗细:粗体;
字体大小:1.2em;
填料:4px 0;
}
pfxttext {。
行高:25px;
}
pfxtfen {。
10px保证金:0;
}
pfxtfen李{。
浮点数:左;
宽度:98px;
身高:30px;
文本对齐:中心;
行高:30px;
边境:# DDD 1px solid;
背景:# f1f1f1;
光标:指针;
}
。pfxtfen李。pfxtcur {
背景:# 308a95;
颜色:# FFF;
边境:# 308a95 1px solid;
}
HTML
功能:
你认为这个主意在功能上很好吗
一
二
三
四
五
外观 uff1a
你认为这个主意在外表上很好吗
一
二
三
四
五
成本:
你认为这个主意很好吗
一
二
三
四
五
困难:
你认为这个想法在困难中可行吗
一
二
三
四
五
以上是本文的全部内容,希望大家能喜欢。