下载站控制介绍字数显示的脚本显示全部隐藏介绍等功能

更新时间：2009年09月19日 00:46:35 作者：

有一些下载网站为了整体的统一，尽量的控制软件介绍的字数显示，要不因为字数介绍太多导致用户看到下载链接比较靠后等原因而一个小功能的实现。

<div id="cText"> <img src="https://www.jb51.net/images/logo.gif"> Cerberus FTP Server 是一个 FTP 服务器软件，它在为用户提供专业级别的安全 SSL/TLS 加密标准和强大的 FTP 服务器性能的同时还保持了简单易用的特点。软件占用 CPU 和内存很少，拥有友好的用户界面，可以通过系统托盘图标快速访问。程序支持多网卡环境，支持与系统用户帐号集成以及活动目录，支持续传，用户权限控制，连接数限制，超时设置，IP 地址自动阻止和黑名单等多种功能，支持安装为系统服务以实现无需登录系统即可提供服务；提供实时监视功能，可实时查看用户操作状态或断开、阻止用户；提供流量统计功能。另外提供了自动获取公网 IP 地址的功能，<img src="https://www.jb51.net/images/logo.gif">方便内网用户发布服务器。内置 Web 远程管理界面，支持查看并管理服务器连接。支持 Windows Vista 系统。免费软件，无需注册。<img src="https://www.jb51.net/images/logo.gif">汉化版汉化了程序界面，系统日志，服务器响应信息以及数据统计信息。由于程序本身的原因，Web 管理界面部分信息汉化后会出现无法完整显示的问题，故未作处理，不影响程序的使用。PS：原程序系统托盘的状态显示有问题，无论在线还是离线均显示为在线，<img src="https://www.jb51.net/images/logo.gif">不影响使用，特此说明。&nbsp; </div> <script language="javascript"> /*hideText*/ function hideText(e, conLen, str1, str2) {     textBox = document.getElementById(e);     if ("" == conText)     {         conText = textBox.innerHTML;     }     if(navigator.appName.indexOf("Explorer") > -1)     {         if (textBox.innerText.length < conLen)         {             return;         }         textBox.innerHTML = textBox.innerText.substr(0, conLen);     }     else     {         if (textBox.textContent.length < conLen)         {             return;         }         textBox.innerHTML = textBox.textContent .substr(0, conLen);     }     textBox.innerHTML += '...&nbsp;&nbsp;</div><div style="float:right;margin-top:5px;"><a href="javascript:;" onclick="showText(\'' + e + '\',\'' + conLen + '\', \'' + str1 + '\', \'' + str2 + '\');return false" target="_self">' + str1 + '</a></div>'; } function showText(e, conLen, str1, str2) {     textBox = document.getElementById(e);;     textBox.innerHTML = conText + '&nbsp;&nbsp;</div><div style="float:right;margin-top:5px;"><a href="javascript:;" onclick="hideText(\'' + e + '\', \'' + conLen + '\', \'' + str1 + '\', \'' + str2 + '\');return false" target="_self">' + str2 + '</a></div>'; } var conText = ""; hideText("cText", 300, "[显示全部]", "[隐藏介绍]"); </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

注意：所有的介绍放到一个div里，并保证有id,然后加载js,在介绍后面需要使用下面的js

复制代码代码如下:

var conText = ""; 
hideText("cText", 300, "[显示全部]", "[隐藏介绍]"); 

您可能感兴趣的文章:

JS数组扁平化的方法合集(递归，while循环，flat)
数组扁平化也是面试常考题之一,今天就和大家简单分享一下常见的数组扁平方法,这题其实主要考察的是递归思想,因为当数组里面嵌套非常多层数组的时候只能通过循环递归来进行扁平,本次分享主要也是分享本题的递归思想,需要的朋友可以参考下
2024-06-06
微信小程序的部署方法步骤
这篇文章主要介绍了微信小程序的部署方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
JavaScript中文件缓存导致404错误的解决方案
当 JavaScript 文件在服务器上被更新或删除后,浏览器仍然请求旧的缓存文件,导致 404 错误,本文将深入探讨这一问题的原因,并提供多种解决方案,需要的可以参考下
2025-03-03
JavaScript 复制对象与Object.assign方法无法实现深复制
这篇文章主要介绍了JavaScript 复制对象与Object.assign方法无法实现深复制，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
弱类型语言javascript中 a,b 的运算实例小结
这篇文章主要介绍了弱类型语言javascript中 a,b 的运算,结合实例形式总结分析了js闭包函数中布尔值与字符串的a，b运算相关操作技巧,需要的朋友可以参考下
2019-08-08
webpack4手动搭建Vue开发环境实现todoList项目的方法
这篇文章主要介绍了webpack4手动搭建Vue开发环境实现todoList项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-05-05
JavaScript原生对象之Number对象的属性和方法详解
这篇文章主要介绍了JavaScript原生对象之Number对象的属性和方法详解,本文讲解了创建 Number 对象的语法、MAX_VALUE、MIN_VALUE、NaN等属性或方法,需要的朋友可以参考下
2015-03-03
在JavaScript中模拟类(class)及类的继承关系
众所周知,JavaScript中没有类,然而我们却可以动手实现一个拥有继承特性的类,所以接下来我们要讨论的便是在JavaScript中模拟类(class)及类的继承关系:
2016-05-05
JavaScript中的E-mail 地址格式验证
本文给大家分享JavaScript中的E-mail 地址格式验证，项目要求输入的数据必须包含@符号和点号。代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2018-03-03
一个可以得到元素真实的背景颜色的javascript脚本
一个可以得到元素真实的背景颜色的javascript脚本...
2007-07-07