怎么用jQuery做出按下不同的按钮切换不同的图片呢
<styletype="text/css">#zhiti{height:683px;width:1024;overflow:hidden;position:relativ...
<style type="text/css"> #zhiti{ height:683px; width:1024; overflow: hidden; position: relative; } #tupian{ position: absolute; } img{ float:left} #ss{ position:absolute;top:800px;} </style><body><div id="zhiti"> <div id="tupian"> <span><img src="image/干泥巴.jpg" height="683" width="1024" /></span> <span><img src="image/狗.jpg" height="683" width="1024" /></span> <span><img src="image/猫.jpg" height="683" width="1024" /></span> <span><img src="image/猫1.jpg" height="683" width="1024" /></span> </div> </div> <div id="ss"><ul id="shuxing"> <li ><input type="button" value="1" class="banji" /></li> <li><input type="button" value="2" class="banji"/></li> <li><input type="button" value="3" class="banji"/></li> <li><input type="button" value="4" class="banji"/></li> </ul> </div></body></html>
展开
1个回答
展开全部
var $img= $('image_div')
$('btn_four').on('click', function (e) {
var url,
index = $(e.target).index();
switch (index)
{
case 0: { url = '猫图的地址' }; break; //猫狗
// case 1……
}
$img.attr('src', url);
})
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
