这是你现在的结构;建议星星图标可以用作背景图片;
无标题文档
最好的方式是把图片处理一下作为ul的背景图,通过点击li获取索引值来改变ul的背景图片位置;不能上传附件了。。还是上代码吧。。
评价
附上图片素材
$(function(){
var toggle = true;
$(".hs_df_xx li").click(function(){
if(toggle){
$(this).children("img").attr("src","你要设置的地址");
toggle = false;
}else{
$(this).children("img").attr("src","又变回来的地址");
toggle = true;
}
$("input[name='score']").val($(this).index()+1);
});
});
跟星星评分功能一样,点击一个按钮更换图片星星,在点击一下跟换回来,然后相应的input中的数字变换。
点击li更换img图片,然后input中value数值变换,初始值为value=5。
jquery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计等。