您的位置:首页 > Web前端 > JQuery

jquery完成图片的隐藏和显示

2016-04-22 18:03 666 查看
3个图片,id是pic1,pic2,pic3。没有css样式。

需要jquery,使用toggle()。

js代码:

<script type="text/javascript">
$(document).ready(function(){
$("#pic1").click(function(){
$("#pic2").toggle();
$("#pic3").toggle();
});
$("#pic2").click(function(){
$("#pic1").toggle();
$("#pic3").toggle();
});
$("#pic3").click(function(){
$("#pic1").toggle();
$("#pic2").toggle();
});
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息