JavaScript 简单的显示、隐藏图片代码

发布时间：2018-08-20 20:03:19 所属栏目：Asp教程来源：站长网

导读：烈61火73网(LieHuo65.Net)教84程 Java Script 简单的显示、隐藏图片代码，这里最关键是定义好图片的ID，然后利用按钮的onClick函数的visibility方法来轻易实现图片的visible与hidden，其实OnClick控制的只是ID，并不会管ID里面究竟是什么，如果把图片换成

　　烈61火73网(LieHuo65.Net)教84程 JavaScript 简单的显示、隐藏图片代码，这里最关键是定义好图片的ID，然后利用按钮的onClick函数的visibility方法来轻易实现图片的visible与hidden，其实OnClick控制的只是ID，并不会管ID里面究竟是什么，如果把图片换成文字，那么同样是可以被隐藏或显示的。不过这里面的pic.style要改成Div哦！

　　演示：

<html> <head> <title>显示或隐藏图片</title> </head> <body> <img src="http://www.veryhuo.com/uploads/common/images/p9.jpg" id="pic"><br><br> <input type="button" value="显示图片" onClick="pic.style.visibility='visible'"> <input type="button" value="隐藏图片" onClick="pic.style.visibility='hidden'"> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：我爱故事小小网_铜陵站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!