点击图片后显示隐藏层,并且图片变成另外一个,然后点击图片隐藏层。
像QQ空间抢车位里面“查看全部车”的效果。
点击图片后显示隐藏层,并且图片变成另外一个,然后点击图片隐藏层。
像QQ空间抢车位里面“查看全部车”的效果。
使用Javascript代码
示例:
图片:<img src="a.gif" onclick="hideandshow()" id="btnx">
需要隐藏和显示的层:<div id="mm"></mm>
js:
<script type='text/javascript'>
function hideandshow()
{
var picn =document.getElementById("btnx");//获取图片对象
var divn =document.getElementById("mm");//获取层对象
var divn_style = divn.style.display;//获取层当前的状态(显示或隐藏)
if(divn_style=="none")
{
divn.style.display="block";
picn.src="b.gif";
}
else{
divn.style.display="none";
picn.src="a.gif";
}
}
</script>
注意,请将JS代码放于head中。