用jquery事件改变 css背景图片更换不了

发布网友发布时间：2022-04-29 20:01

共4个回答

热心网友时间：2022-04-20 20:22

我代码没有问题啊，我本地测试都能通过，你检查一下你图片路径是否正确。。。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<style type="text/css">
/*按星期查询*/
.week { margin-top:16px}
.week a{ text-decoration:none; }
.week li:hover { color: #abc}
.f14_50_c3{ font:14px/40px "微软雅黑"; color:#333}
.f14_50_c3:hover{ color:#AE7629}
.f12_36_cl{ font:12px/22px "宋体"; color:#fff}

.a{background-image: url(images/1.png)}
</style>
<script>
$(function(){
    $("#week ul a li").click(function(){
        $("#week ul a li p").removeClass("a");
        $(this).find("p").addClass("a");
    });
});
function change(i){

}
</script>
</head>
<body>
<div class="week" id = "week">
    <ul>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期一</p></li></a>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期二</p></li></a>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期三</p></li></a>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期四</p></li></a>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期五</p></li></a>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期六</p></li></a>
        <a class="m"><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期日</p></li></a>
    </ul>
</div>
</body>
</html>

效果如下：

热心网友时间：2022-04-20 21:40

先确定新图片的路径及名称，然后做li的点击事件，更改当前被点击的li的背景图片为新图片，其他li的背景图片为原图片即可，代码如下：

热心网友时间：2022-04-20 23:14

把a标签全部去了, ul的子级一定是li, 你这么标签乱串是不行的, 如果你想给li加手型鼠标, 可以用css实现, 不要用空的a标签, 另外你这个change函数存在不存在, 不存在的话把onclick = "change(this);"全部删了, 既然用了jquery的click事件, 就不需要再把js事件写在html代码里追问这些是我先没用jquery前用的方法，都是次要的现在我是要把功能实现出来背景图片起冲突了

热心网友时间：2022-04-21 01:06

onclick = "change(this);
change()没定义