jQuery 文字截取
HTML
<div class="summary">
<p class="news">业内知道,当赵科林“过档”联想之初,恰逢联想公布新的财报,据财报披露,当时期内联想智能手机销量为5000万台,同比增长72.3%,在全球市场中占有率为4.6%。其中,中国区手机销量为4450万台,销售占比超过90%。而当其在今年7月离任之时在上半财年,联想手机海外市场在总体销量中的占比从一年前的19%大幅提升到了现在的70%。在印尼、俄罗斯、印度及巴西等主要新兴市场,联想的增长分别高于当地智能手机市场增长12、175、48及4个百分点。事实证明,赵科林在联想任职一年间,对于联想海外市场,或者说联想手机业务市场战略重心的转移(从国内到海外)功不可没。至于联想为何整体移动业务下滑,其手机业务品牌战略过多和定位不清才是主因,这也是为何近期联想宣布未来放弃VIBE品牌,而只保留摩托罗拉和乐檬两个品牌的主要原因。由此看,联想今年7月移动业务的调整,尤其是赵科林的“下课”更多是充当了联想移动业务下滑的“替罪羊”
</p>
<a href="">[详情]</a>
</div>
<div class="summary">
<p class="news">业内知道,当赵科林“过档”联想之初,恰逢联想公布新的财报,据财报披露,当时期内联想智能手机销量为5000万台,同比增长72.3%,在全球市场中占有率为4.6%。其中,中国区手机销量为4450万台,销售占比超过90%。而当其在今年7月离任之时在上半财年,联想手机海外市场在总体销量中的占比从一年前的19%大幅提升到了现在的70%。在印尼、俄罗斯、印度及巴西等主要新兴市场,联想的增长分别高于当地智能手机市场增长12、175、48及4个百分点。事实证明,赵科林在联想任职一年间,对于联想海外市场,或者说联想手机业务市场战略重心的转移(从国内到海外)功不可没。至于联想为何整体移动业务下滑,其手机业务品牌战略过多和定位不清才是主因,这也是为何近期联想宣布未来放弃VIBE品牌,而只保留摩托罗拉和乐檬两个品牌的主要原因。由此看,联想今年7月移动业务的调整,尤其是赵科林的“下课”更多是充当了联想移动业务下滑的“替罪羊”
</p>
<a href="">[详情]</a>
</div>
CSS
*{
margin:0;
padding:0;
border:0;
box-sizing:border-box;
}
.summary{
width:50%;
margin:0 auto;
border:1px solid #000;
padding:20px;
margin:20px;
}
p{
width:auto;
display:inline-block;
}
JQuery
$(function(){
$("p.news").each(function(index, element) {
var $this=$(element);
var text=$this.text();
var length=text.length;
if(length > 20)
{
$this.html(text.substr(0,20)+"...");
}
});
});
效果图
jQuery 文字截取的更多相关文章
- jquery文字左右滚动
实现jquery文字左右滚动 <div class="fl">中奖名单:</div> <div class="scrollText" ...
- 18款js和jquery文字特效代码分享
18款js和jquery文字特效代码分享 jQCloud标签云插件_热门城市文字标签云代码 js 3d标签云特效关键词文字球状标签云代码 原生JS鼠标悬停文字球状放大显示效果代码 原生js文字动画圆形 ...
- Jquery 文字上下滚动效果示例代码
<!doctype html> <html> <head> <meta charset="utf-8"> ...
- jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 黑马基础阶段测试题:通过字符输入流读取info.txt中的所有内容,每次读取一行,将每一行的第一个文字截取出来并打印在控制台上。
package com.swift; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File ...
- jquery文字上下滚动--单行 批量多行 文字图片上下翻滚 | 多行滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery自动截取文字长度,超过部分
<html> <head> <meta charset="utf-8"> <script src="js/jqu ...
- JS实现文字截取(雾)
今天在跳板群那里看到一个神奇的样式,效果: 感觉十分神奇,因为一开始以为他是只有一个P元素包着文字然后最后一个自动截取文字,而且最后一行还可以提前截取???这怎么做到的,然后想了一下css怎么做,好像 ...
- jquery文字上下滚动的实现方法
jquery实现文字上下滚动的方法. 代码: //上下滚动var textRoll=function(){$('#notice p:last').css({'height':'0px','opacit ...
随机推荐
- http://www.cnblogs.com/zhuli19901106/p/4356419.html
http://www.cnblogs.com/zhuli19901106/p/4356419.html
- 较优H圈matlab实现
大家好,我是小鸭酱,博客地址为:http://www.cnblogs.com/xiaoyajiang %解决完备图中的较优H圈 clc clear w = [ inf 6 1 8 3 1 ;... ...
- Unity GUI TextField不能输入文字
最近在弄Unity的GUI. 也算是好久不用了,有点不熟悉了. 用TextField的时候发现GUI是出来了不过不能输入文字 到网上查了一下说要用一个public的string来接收 我看了我的代码 ...
- Oracle 提示密码过期问题:the password will expire
SQL> conn scott/tiger ERROR: ORA: the password will expire within days Connected. SQL> conn /a ...
- Codeforces 13C Sequence
http://codeforces.com/contest/13/problem/C 题目大意 给定一个含有N个数的序列,要求你对一些数减掉或者加上某个值,使得序列变为非递减的,问你加减的值的总和最少 ...
- Codeforces 525E Anya and Cubes
http://codeforces.com/contest/525/problem/E 题意: 有n个方块,上面写着一些自然数,还有k个感叹号可用.k<=n 你可以选任意个方块,然后选一些贴上感 ...
- GNU Autotools的研究(转)
最近对Linux下软件项目的构建过程研究了一番.Linux下的软件项目通常用Autotools工具集和make工具来构建,我们通常使用./configure.make.make install这样的命 ...
- java常量设置的方式
我们在写java程序的时候,常常有常量设置,如: public interface Const { //性别的常量 public interface Sex{ public final int 男=1 ...
- 【转】Win7、Ubuntu双系统正确卸载Ubuntu系统--不错
原文网址:http://my.oschina.net/u/1377657/blog/281872 如果ubuntu不是以wubi方式安装的,而是U盘或者光盘装的双系统,那么卸载ubuntu时要慎重,不 ...
- html li标签前面添加图标三种方法
今天无聊写下这个例子,希望对初学者有帮助,代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf ...