图片显示隐藏js

来源：互联网发布：惠州人民政府网络问政编辑：程序博客网时间：2024/06/07 01:02
window.onload=loadAll;function loadAll(){document.getElementById("a1").onmousemove=f1;document.getElementById("a2").onmousemove=f2;document.getElementById("a3").onmousemove=f3;document.getElementById("a4").onmousemove=f4;document.getElementById("show").onclick=show;document.getElementById("hide").onclick=hide;document.getElementById("btn1").onclick=btn1;document.getElementById("small").onclick=small;}function f1(){document.getElementById("bigimg").src="images/p1.jpg";document.getElementById("title").innerHTML="图片标题1";}function f2(){document.getElementById("bigimg").src="images/p2.jpg";document.getElementById("title").innerHTML="图片标题2";}function f3(){document.getElementById("bigimg").src="images/p3.jpg";document.getElementById("title").innerHTML="图片标题3";}function f4(){document.getElementById("bigimg").src="images/p4.jpg";document.getElementById("title").innerHTML="图片标题4";}function show(){document.getElementById("d1").style.display="block";}function hide(){document.getElementById("d1").style.display="none";}function btn1(){var s=document.getElementById("d1").style.display;if(s=="none"){document.getElementById("d1").style.display="block";document.getElementById("btn1").innerHTML="隐藏";}else{document.getElementById("d1").style.display="none";document.getElementById("btn1").innerHTML="显示";}}function small(){document.getElementById("bigimg").width-=50;document.getElementById("bigimg").height-=50;}
阅读全文
0 0