首页
-
代码
2013-10-29 06:44:33 -0400
★JS显示和隐藏文字特效★
请勿抄袭本页面
代码说明
点下更多显示隐藏的内容，方便节省页面空间。把隐藏内容放在代码中对应的位置即可。转自代码库
html代码
<script type="text/javascript"> function show_hiddendiv(){ document.getElementById("hidden_div").style.display='block'; document.getElementById("_strHref").href='javascript:hidden_showdiv();'; document.getElementById("_strSpan").innerHTML="收回"; } function hidden_showdiv(){ document.getElementById("hidden_div").style.display='none'; document.getElementById("_strHref").href='javascript:show_hiddendiv();'; document.getElementById("_strSpan").innerHTML="更多"; } </SCRIPT> <a href="http://s.wodemo.com/admin?site_id=0">上传</a>|<a href="http://s.wodemo.com/admin/site/compose">撰文</a>|<a href="#">测试</a>|<a id="_strHref" href="javascript:show_hiddendiv();"><span id="_strSpan" style="color:red;">更多</span></span></a> <span style="display:none" id="hidden_div"><!--以下为隐藏内容--> <a href="#">测试</a>|<a href="#">测试</a>|<a href="#">测试</a>|<a href="#">测试</a> </span>
代码演示
上传
|
撰文
|
测试
|
更多
测试
|
测试
|
测试
|
测试
[代码仅供参考，转载请注明出处]
Comment:
Name:
Subscribe
|
Register
|
Login
|
N
