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

原创 2005年04月24日 04:44:00

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

隐藏


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


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

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


代码如下:
<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>

css隐藏/显示文字的方法

最近做了一个demo,写了一个图片轮播,在图片轮播的时候显示对图片的文字解释,要求文字不跟随图片滚动默认显示。花了一点点时间,解决了这个办法,最后总结了一下在html中用css隐藏文字的方法。(1)偏...
  • zerlinda_c
  • zerlinda_c
  • 2015年11月26日 12:34
  • 3295

<a>标签中写有文字,如何隐藏文字以及360模式渲染

标签中写有文字,如何隐藏文字 360模式渲染
  • comeonstone
  • comeonstone
  • 2013年12月12日 17:21
  • 1989

HTML:table中的td文字隐藏并实现hover显示全部文字

需求: 1.table中td中的过长的文字隐藏起来; 2.然后hover可以实现显示全文。 实现:方法一: 通过百度,找到了一种传统的实现方法,将两个需求分开实现;...
  • sx341125
  • sx341125
  • 2016年01月05日 21:15
  • 6384

maven 安装后变成 mvn 不是内部命令解决方法

1.maven的安装教程 下载地址为:http://maven.apache.org/download.cgi 进入此页面之后 点击下载,然后解压,我把目录名改为maven,目录结构如下图所...
  • sdh870680601
  • sdh870680601
  • 2018年01月12日 16:31
  • 14

Android EditText内容显示与隐藏

源码:http://download.csdn.net/detail/lm_zp/9522549 XMl
  • LM_ZP
  • LM_ZP
  • 2016年05月17日 14:49
  • 3137

CSS隐藏元素的五种方法

CSS隐藏元素的方法
  • heye13
  • heye13
  • 2016年06月20日 15:20
  • 1869

CSS如何实现文字隐藏 超出文字隐藏 鼠标移入显示

span{ display: inline-block; width:60px; word-break: keep-all; overflow: hidden; ...
  • yhn1121
  • yhn1121
  • 2016年09月05日 14:47
  • 5864

展开/收起按钮显示隐藏文字js代码

Document *{padding:0;margin: 0;} .pn{width:400px; margin: 200px auto 0; background-color: #ddd;...
  • sinat_21206105
  • sinat_21206105
  • 2016年09月14日 09:38
  • 475

Android Fragment隐藏显示调用的方法

//在Activity中加载显示隐藏Fragment import android.app.Activity; import android.app.FragmentManager; import a...
  • haozidao
  • haozidao
  • 2016年05月06日 11:22
  • 5760

jquery实现多余文字显示或隐藏

实现目标:在一单元格中显示
  • handsometone1982
  • handsometone1982
  • 2014年04月26日 16:18
  • 5118
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:今天搞成了一种文字显示和隐藏的方法
举报原因:
原因补充:

(最多只允许输入30个字)