隐藏省略文字特效

Java代码  

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>隐藏省略文字特效-懒人图库</title>  
  6. </head>  
  7.   
  8. <body>  
  9.   
  10. <div id="hutia">这没事就懒洋洋闲逛的我  
  11. 迎面驶来了28的永久自行车  
  12. 我脚下的鞋很破了  
  13. 可是回力这个牌子还是不错  
  14. 小卖店的电视机里在播  
  15. 白娘子和许仙在唱歌  
  16.   
  17. 千年等一回 我无悔啊  
  18.   
  19. 这就是80后简单的生活  
  20. 你一定不要忘记了  
  21. 随着时间慢慢的推移  
  22. 这一切都离我们远去  
  23. 以前十块钱就能买的东西  
  24. 现在一定要出动毛主@席  
  25. 现在人们都彼此不相信  
  26. 在彼此伤害着对方的心  
  27. 小时候的回忆 已不再清晰  
  28.   
  29. 云残风呼啸 岁月催人老  
  30. 只为这一杯 能不哭也不笑  
  31. 时间难倒回 无人再陪我来醉  
  32. 那是我的爱啊 一去不再回  
  33.   
  34. 无尽的虚伪 无尽的憔悴  
  35. 无尽的醉了 无尽的眼泪  
  36. 我的爱呀 是我的轮回  
  37. 你的爱呀 换不回  
  38. 无尽的虚伪 无尽的憔悴  
  39. 无尽的醉了 无尽的眼泪  
  40. 我的爱呀 是我的轮回  
  41. 你的爱呀 换不回  
  42.   
  43. 呐……呐……呐……呐……呐……  
  44.   
  45. 这没事就懒洋洋闲逛的我  
  46. 迎面驶来了28的永久自行车  
  47. 我脚下的鞋很破了  
  48. 可是回力这个牌子还是不错  
  49. 小卖店的电视机里在播  
  50. 白娘子和许仙在唱歌  
  51.   
  52. 千年等一回 我无悔啊  
  53. 千年等一回 我无悔啊  
  54.   
  55. 无尽的虚伪 无尽的憔悴  
  56. 无尽的醉了 无尽的眼泪  
  57. 我的爱呀 是我的轮回  
  58. 你的爱呀 换不回  
  59.   
  60. RAP~  
  61. 挠一挠二挠金桥,  
  62. 金桥底下裂瓜瓢,  
  63. 裂什么裂,猪八戒,  
  64. 猪什么猪,耗子哭,  
  65. 耗什么耗,儿马尿,  
  66. 儿什么儿,张家屯,  
  67. 张什么张,五杆枪,  
  68. 五什么五,牛屁肚,  
  69. 牛什么牛,嘎蛋球,  
  70. 嘎什么嘎,燕燕瓦,  
  71. 燕什么燕,扯几把蛋,  
  72. 扯什么扯,孙老戈,  
  73. 孙什么孙,吕洞宾,  
  74. 吕什么吕,刷锅底,  
  75. 刷什么刷,豆腐渣。  
  76.   
  77. 不要忘记我们的回忆,不要忘了我们的梦~  
  78. 不要忘记我们的回忆,不要忘了我们的梦~  
  79. 不要忘记我们的回忆,不要忘了我们的梦~  
  80. </div>  
  81. <p>  
  82.   <script>  
  83.   (function(){  
  84.     var o = document.getElementById("hutia");  
  85.     var s = o.innerHTML;  
  86.     var p = document.createElement("span");  
  87.     var n = document.createElement("a");  
  88.     p.innerHTML = s.substring(0,100);  
  89.     n.innerHTML = s.length > 100 ? "...展开" : "";  
  90.     n.href = "###";  
  91.     n.onclick = function(){  
  92.         if (n.innerHTML == "...展开"){  
  93.             n.innerHTML = "收起";  
  94.             p.innerHTML = s;  
  95.         }else{  
  96.             n.innerHTML = "...展开";  
  97.             p.innerHTML = s.substring(0,100);  
  98.         }  
  99.     }  
  100.     o.innerHTML = "";  
  101.     o.appendChild(p);  
  102.     o.appendChild(n);  
  103.   })();  
  104.   </script>  
  105.   更多代码请访问:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></p>  
  106. </body>  
  107. </html>  
时间: 2024-08-01 06:30:52

隐藏省略文字特效的相关文章

简介内容超出部分文字隐藏省略的特效(可显示)_文字特效

我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长一段的文字,作者hutia.我是那传说中很长很长

Dreamweaver背景音乐和文字特效制作

 添加背景音乐 在Dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,供大家选择. 1.在页面不显眼的地方插入一空层,并在层内放入一个ActiveX对象,双击该对象,在打开的对话框中选择一个MIDI.WAV等音乐文件,然后在层对象属性面板中设定其可视性为"Hidden(隐藏)",保存变动后按F12预览网页,听听是否有音乐声. 2.还可以利用Dreamweaver的"Behaviors(行为编辑器)",单击"+"按钮,选择其中的

Photoshop三步制作云朵文字特效

  最终效果图 图00 第一步 新建一个1400*700像素的背景层,使用渐变工具在该背景层上拉一个从上至下的浅蓝色渐变: 图01 渐变层的颜色需求分别是(#0895bc和#0aebff),如下图所示: 图02 新建一个图层,用以上提供的白云笔刷在该图层上天马行空一下,涂抹出天空效果,将它作为我们的背景: 图03 第二步 在画布上输入喜欢的文字吧,这里小编使用的是Photoshop自带的字体(Lucida Handwriting): 图04 载入烟雾笔刷,并选择如下一组: 图05 按"F5&qu

PhotoShop制作炫丽星空文字特效教程

这篇PS教程教介绍用Photoshop打造星空极光文字特效.教程难度不大,制作出来的文字效果还挺漂亮的,适合Photoshop初学者学习. 先来看看最终的效果图吧! 最终效果图 图00 具体的制作步骤如下: 1.创建1000*400黑色画布,利用Nasalization字体,写入文字效果. 图01 2.设置文字层图层样式. 图02 图03 图04 分类: PS文字教程

PhotoShop制作的绿色浮雕文字特效教程

教程为初级文字特效教程,主要介绍在Photoshop中创建典雅的绿色文字效果,比较适合刚刚接触Photoshop的网友.希望大家喜欢啦!         三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 效果图: 1.选择"文件/新建"菜单,打开"新建"或者Ctrl+N对话框名称为:典雅的绿色文字效果,宽度:为640像素,高度:为480像素,"分辨率"为72

Photoshop制作逼真的塑料文字特效

  在学习Photoshop时,很多人都不知道Photoshop文字特效怎么做,在这篇photoshop教程中,将学习如何使用图层样式功能制作一种漂亮的塑胶效果,把这种效果运用在文字特效的制作中,制作一款效果非常逼真的塑料文字特效.关于Photoshop文字特效怎么做的疑问,下面将做详细的解答. Psh文字特效怎么做最终效果如图所示. 步骤1.首先在photoshop中创建一个新图层,大小设置为640*480,如图所示.也可以使用喜欢的尺寸. 步骤2.按下D键重置前景色和背景色.然后填充背景图层

Photoshop制作霓虹灯文字特效教程

PS教程介绍利用对Photoshop制作霓虹灯文字特效.本PS教程属于基础教程,适合初学者! 先看效果图 图0 1.选择"文件/新建"菜单,打开"新建"或者Ctrl+N对话框 名称为:制作荧光字效果,宽度:为960像素,高度:为501像素,"分辨率"为72 , "模式"为RGB颜色的文档,如图1所示. 图1 2.执行菜单:"文件"/"导入",导入素材,调整其到适合的位置及大小,选择素材图

PS制作发光液化文字特效

这次的PS翻译教程将会跟大家一起学习如何使用Photoshop制作漂亮的发光液化文字特效.PS翻译教程中将会练习使用到液化滤镜.图层混合选项以及部分调整图层.下面下来看看这次PS翻译教程的最终效果图和教程所需的素材吧. 最终效果图 图00 教程素材 地面素材 水花素材 水花笔刷 Step 1 打开Photoshop新建PSD文档,设置文档大小为1280像素*800像素,以黑色填充背景.然后将地面素材下载好,并在PS中打开,如下图所示,将其中一部分选择. 图01 将刚才选择的素材复制黏贴到画布汇总

用Photoshop打造逼真的冰冻文字特效

  用Photoshop打造逼真的冰冻文字特效~制作冰冻文字的全过程,使用的工具有自定义笔刷.多种纹理.调整图层以及滤镜的PS小技巧~有兴趣的可以自己尝试一下~转需吧~ 分类: PS文字教程