文字显示、隐藏特效，基于JavaScript实现代码

发布时间：2018-08-18 23:21:47 所属栏目：PHP教程来源：站长网

导读：一个比较简单的JS文字显示、文字隐藏特效代码，点击一下，文字就隐藏，再点击一下，文字就又显示了，在某些软件下载网站，我们会经常见到他们的软件简介就是这种效果的，当你点击查看更多的时候，所有的软件简介都显示出来了。演示： HTMLHEADTITLEdhtml.

　　一个比较简单的JS文字显示、文字隐藏特效代码，点击一下，文字就隐藏，再点击一下，文字就又显示了，在某些软件下载网站，我们会经常见到他们的软件简介就是这种效果的，当你点击“查看更多”的时候，所有的软件简介都显示出来了。

　　演示：

<HTML> <HEAD> <TITLE>dhtml.js example文字显示、隐藏</TITLE> <SCRIPT LANGUAGE="<b>Java</b>Script1.2"> var NN = (document.layers ? true : false); var hideName = (NN ? 'hide' : 'hidden'); var showName = (NN ? 'show' : 'visible'); var zIdx = -1; function genLayer(sName, sLeft, sTop, sWdh, sHgt, sVis, copy) { if (NN) { document.writeln('<LAYER NAME="' + sName + '" LEFT=' + sLeft + ' TOP=' + sTop + ' WIDTH=' + sWdh + ' HEIGHT=' + sHgt + ' VISIBILITY="' + sVis + '"' + ' z-Index=' + zIdx + '>' + copy + '</LAYER>'); } else { document.writeln('<DIV ID="' + sName + '" STYLE="position:absolute; overflow:none; left:' + sLeft + 'px; top:' + sTop + 'px; width:' + sWdh + 'px; height:' + sHgt + 'px;' + ' visibility:' + sVis + '; z-Index=' + (++zIdx) + '">' + copy + '</DIV>' ); } } function hideSlide(name) { refSlide(name).visibility = hideName; } function showSlide(name) { refSlide(name).visibility = showName; } function refSlide(name) { if (NN) { return document.layers[name]; } else { return eval('document.all.' + name + '.style'); } } </SCRIPT> </HEAD> <BODY> [<A HREF="javascript: hideSlide('myLayer');">隐藏</A>] [<A HREF="javascript: showSlide('myLayer');">显示</A>] <SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT> </BODY> </HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：92站长网）

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

一些PHP学习过程中的心	运用PHP制作简单的内容
PHP新手总结的PHP基础	也用PHP来实现网页静态