如何用jquery来实现图片的变化
<html><head><title>点击变图</title><scriptscr="./jquery-1.3.1.min.js"></script><script>fu...
<html>
<head>
<title>
点击变图
</title>
<script scr="./jquery-1.3.1.min.js">
</script>
<script>
function jq(){
$("img").each(
function(){
this.src="image/b.jpg";
}
)
}
</script>
</head>
<body>
<img src="image/a.jpg">
<img src="image/a.jpg">
<a href="#" id="jq" onClick="jq()">jq</a>
</body>
</html> 那里不对 展开
<head>
<title>
点击变图
</title>
<script scr="./jquery-1.3.1.min.js">
</script>
<script>
function jq(){
$("img").each(
function(){
this.src="image/b.jpg";
}
)
}
</script>
</head>
<body>
<img src="image/a.jpg">
<img src="image/a.jpg">
<a href="#" id="jq" onClick="jq()">jq</a>
</body>
</html> 那里不对 展开
展开全部
你是想要这样的效果吗：
1、点击某张图片，该图片变换。
2、点击“所有”，所有图片变换。
<html>
<head>
<title>
点击变图
</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</script>
<script>
$(function(){
$("img").click(function(){
$(this).attr('src','https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif');
})
$("#jq").click(function(i){
$("#pic img").each(function(i){ $(this).attr('src','https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif')
})
})
})
</script>
</head>
<body>
<div id="pic">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/shipin-jg.gif">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/mp3-jg.gif">
</div>
<a href="javascript:;" id="jq">所有变换</a>
</body>
</html>
1、点击某张图片，该图片变换。
2、点击“所有”，所有图片变换。
<html>
<head>
<title>
点击变图
</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</script>
<script>
$(function(){
$("img").click(function(){
$(this).attr('src','https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif');
})
$("#jq").click(function(i){
$("#pic img").each(function(i){ $(this).attr('src','https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif')
})
})
})
</script>
</head>
<body>
<div id="pic">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/shipin-jg.gif">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/mp3-jg.gif">
</div>
<a href="javascript:;" id="jq">所有变换</a>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
