jquery点击一个事件更换图片,在点击更换回来

2024年12月03日 02:52
有3个网友回答
网友(1):

这是你现在的结构;建议星星图标可以用作背景图片;





无标题文档
































  • 最好的方式是把图片处理一下作为ul的背景图,通过点击li获取索引值来改变ul的背景图片位置;不能上传附件了。。还是上代码吧。。







    评价



























































    附上图片素材

    网友(2):

    $(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);
        });
    });

    网友(3):

    跟星星评分功能一样,点击一个按钮更换图片星星,在点击一下跟换回来,然后相应的input中的数字变换。
    点击li更换img图片,然后input中value数值变换,初始值为value=5。

    jquery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计等。