糯米糊糊的专栏

在这里风儿横行~~

今天搞成了一种文字显示和隐藏的方法

隐藏的时候,不占用网页的位置(区域)

隐藏


一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十
一二三四五六七八九十


效果就是这样了
效果就是这样了
效果就是这样了

效果就是这样了
效果就是这样了


代码如下:
<a href="#" onclick="document.getElementById(this.id+'src').style.display=document.getElementById (this.id+'src').style.display=='block'?'none':'block';this.innerText=this.innerText =='显示'?'隐藏':'显示';return false;" id="els" title="显示内容">隐藏</a><br>
<span id="elssrc" style="display:'block'">
  <pre><p>
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  一二三四五六七八九十
  </p></pre>
</span>
<pre><p>
效果就是这样了
效果就是这样了
效果就是这样了

效果就是这样了
效果就是这样了
</p></pre>
阅读更多
个人分类: 网页制作
想对作者说点什么? 我来说一句

commons-API

2012年05月07日 1.71MB 下载

jquery实现多余文字显示隐藏

2017年06月24日 3KB 下载

显示-隐藏系统文件+后缀名

2010年04月03日 3KB 下载

没有更多推荐了,返回首页

不良信息举报

今天搞成了一种文字显示和隐藏的方法

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭