javascript 控制图片
2个回答
展开全部
把下面的代码放到html试下吧 如果是你要的效果你只要稍微修改下就行了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>chainning code</title>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.ccc').click(function(){
$('.aaa').toggleClass('bbb')
});
});
</script>
<style>
div {width:200px;height:200px;}
.aaa {background:url(http://list.image.baidu.com/t/image_category/galleryimg/wallpaper/human/ou_mmn.jpg);}
.bbb {background:url(http://list.image.baidu.com/t/image_category/galleryimg/wallpaper/human/qing_cmn.jpg);}
</style>
</head>
<body>
<div class="aaa"></div>
<input type="button" class="ccc" value="切换">
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>chainning code</title>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.ccc').click(function(){
$('.aaa').toggleClass('bbb')
});
});
</script>
<style>
div {width:200px;height:200px;}
.aaa {background:url(http://list.image.baidu.com/t/image_category/galleryimg/wallpaper/human/ou_mmn.jpg);}
.bbb {background:url(http://list.image.baidu.com/t/image_category/galleryimg/wallpaper/human/qing_cmn.jpg);}
</style>
</head>
<body>
<div class="aaa"></div>
<input type="button" class="ccc" value="切换">
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<img src="1.jpg" id="id" />
JS部分：
var id=document.getElementById("id");
if(id.src=="1.jpg"){
id.src="2.jpg"
}else{
id.src="1.jpg";
}
JS部分：
var id=document.getElementById("id");
if(id.src=="1.jpg"){
id.src="2.jpg"
}else{
id.src="1.jpg";
}
追问
id.src="2.jpg"
src 能用==么? 你这个脚本执行一次换,那再次单机还能换么? 有测试过吗?
追答
当然能换了，1.jpg和2.jpg之间来回切换
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
