js+按钮控制文字隐藏显示的网页特效

发布时间：2018-08-22 13:04 所属栏目：121 来源：站长网

导读：这是 Java Script结合botton按钮实现的，显示隐藏某行网页上的文字，当然这些文字是由你指定的，这里主要是用Js去控制div的属性，即时赋值，达到的效果。将那段文字替换成图片后就可实现显示隐藏图片。 htmlheadtitle隐藏显示文字 - liehuo.net/title/hea

　　这是JavaScript结合botton按钮实现的，显示隐藏某行网页上的文字，当然这些文字是由你指定的，这里主要是用Js去控制div的属性，即时赋值，达到的效果。将那段文字替换成图片后就可实现显示隐藏图片。

<html> <head> <title>隐藏显示文字 - liehuo.net</title> </head> <body> <input type="button" value="显示文字" onClick="txt.style.visibility = 'visible'"> <input type="button" value="隐<b>藏文</b>字" onClick="txt.style.visibility = 'hidden'"> <div id="txt">烈火学院 Liehuo.Net</div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）