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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 下载站控制介绍字数显示的脚本显示全部隐藏介绍等功能

Javascript: jquery 交替为表格添加样式的代码; jquery下操作HTML控件的实现代码; JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合; 海量经典的jQuery插件集合; JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）; JavaScript关于select的相关操作说明; jQuery的一些特性和用法整理小结; 用jQuery扩展自写的 UI导航; JQuery 引发两次$(document.ready)事件; javascript实现的基于金山词霸网络翻译的代码; Span元素的width属性无效果原因及解决方案; javascript 不间断的图片滚动并可点击; 利用onresize使得div可以随着屏幕大小而自适应的代码; extjs 为某个事件设置拦截器; javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象; javascript 特性检测并非浏览器检测; 20个非常有用的PHP类库加速php开发; 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题; AJAX的跨域与JSONP(为文章自动添加短址的功能); JavaScript学习笔记（十）

No. « ‹ 277 278 279 280 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 81 ::

收藏到网摘: n/a

js表格分页实现代码 Tab页界面，用jQuery及Ajax技术实现

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

点击运行可以看到效果:

<div id="cText">
<img src="/upload/tech/20091012/20091012100727_daca41214b39c5dc66674d09081940f0.gif">
Cerberus FTP Server 是一个 FTP 服务器软件，它在为用户提供专业级别的安全 SSL/TLS 加密标准和强大的 FTP 服务器性能的同时还保持了简单易用的特点。软件占用 CPU 和内存很少，拥有友好的用户界面，可以通过系统托盘图标快速访问。程序支持多网卡环境，支持与系统用户帐号集成以及活动目录，支持续传，用户权限控制，连接数限制，超时设置，IP 地址自动阻止和黑名单等多种功能，支持安装为系统服务以实现无需登录系统即可提供服务；提供实时监视功能，可实时查看用户操作状态或断开、阻止用户；提供流量统计功能。另外提供了自动获取公网 IP 地址的功能，<img src="/upload/tech/20091012/20091012100727_daca41214b39c5dc66674d09081940f0.gif">方便内网用户发布服务器。内置 Web 远程管理界面，支持查看并管理服务器连接。支持 Windows Vista 系统。免费软件，无需注册。<img src="/upload/tech/20091012/20091012100727_daca41214b39c5dc66674d09081940f0.gif">
汉化版汉化了程序界面，系统日志，服务器响应信息以及数据统计信息。由于程序本身的原因，Web 管理界面部分信息汉化后会出现无法完整显示的问题，故未作处理，不影响程序的使用。PS：原程序系统托盘的状态显示有问题，无论在线还是离线均显示为在线，<img src="/upload/tech/20091012/20091012100727_daca41214b39c5dc66674d09081940f0.gif">不影响使用，特此说明。
</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 += '... </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 + ' </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 全选提示:你可先修改部分代码,再按运行]

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

复制代码代码如下:

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

js表格分页实现代码 Tab页界面，用jQuery及Ajax技术实现

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

评论 (0) All

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