品久久久久久久久久96高清,日本不卡一二三,偷拍视频一区二区三区

字符串截取【超過(guò)長(zhǎng)度用...表示】

使用JQuery實(shí)現(xiàn)超過(guò)長(zhǎng)度用"..."省略

效果圖

相關(guān)代碼：

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

<title>cookie</title>
6

<style>
8

*{ margin:0; padding:0;font-family:"宋體",Arial, Helvetica, sans-serif;}
9

#best{ width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-height:1.6; font-size:14px; padding:10px 0 0 10px}
10

.blank{ font-size:18px; font-weight:bold; text-align:center; padding:20px}
11

</style>
12

jQuery.fn.limit=function(){
14

var self = $("div[limit]");
15

self.each(function(){
16

var objString = $(this).text();
17

var objLength = $(this).text().length;
18

var num = $(this).attr("limit");
19

if(objLength > num){
20

$(this).attr("title",objString);
21

objString = $(this).text(objString.substring(0,num) + "

");
22

}
23

})
24

}
25

$(function(){
26

$(document.body).limit();
27

})
28

</script>
29

</head>
30

<body>
31

<div class="blank">請(qǐng)按F5刷新頁(yè)面。。。。</div>
32

<div id="best">
33

<div limit="12">計(jì)算字串的長(zhǎng)度長(zhǎng)度長(zhǎng)度長(zhǎng)度</div>
34

<div limit="10">這邊有優(yōu)化很公開這邊</div>
35

<div limit="12">這邊有優(yōu)化很公開長(zhǎng)度長(zhǎng)度很公開長(zhǎng)度</div>
36

<div limit="12">計(jì)算字長(zhǎng)度長(zhǎng)度</div>
37

<div limit="10">這邊有優(yōu)化很邊有優(yōu)化很邊有優(yōu)化很邊有優(yōu)化很邊有優(yōu)化很</div>
38

</div>
39

</body>
40

</html>

posted on 2011-07-04 13:00 何智閱讀(468) 評(píng)論(0) 編輯收藏所屬分類: UI

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理

<

2025年6月

>

日

一

二

三

四

五

六

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

導(dǎo)航

統(tǒng)計(jì)

隨筆 - 0
文章 - 7
評(píng)論 - 1
引用 - 0

字符串截取【超過(guò)長(zhǎng)度用...表示】

導(dǎo)航

統(tǒng)計(jì)

留言簿(1)

文章分類

文章檔案

搜索

最新評(píng)論