何智 — Mon, 04 Jul 2011 05:00:00 GMT

使用JQuery实现��过长度�?..."省略

效果�?/div>

相关代码�Q?br />

1DOCTYPE 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>cookietitle>
6<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript">script>
7<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}
11style>
12<script type="text/javascript">
13jQuery.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})
28script>
29head>
30<body>
31    <div class="blank">��h��F5��h��面。。。�?/span>div>
32<div id="best">
33    <div limit="12">计算字串的长度长度长度长�?/span>div>
34    <div limit="10">�q�边有优化很公开�q�边div>
35    <div limit="12">�q�边有优化很公开长度长度很公开长度div>
36    <div limit="12">计算字长度长�?/span>div>
37    <div limit="10">�q�边有优化很�Ҏ��优化很边有优化很�Ҏ��优化很边有优化很div>
38div>
39body>
40html>

何智 2011-07-04 13:00 发表评论

欧美日韩国产成人在线91,91这里只有精品,国产中文字幕精品