Copy codeThe Code is as follows:
<Nav class = "cf_nav clearfix">
<Ul>
<Li>
<A href = "http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com" title = "home">
<Div class = "nav_block">
<Span> homepage </span>
<Span class = "hover"> homepage </span>
</Div>
</A>
</Li>
<Li>
<A href = "http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com/submit" title = "">
<Div class = "nav_block">
<Span> contribution </span>
<Span class = "hover"> contribution </span>
</Div>
</A>
</Li>
<Li>
<A href = "http://lizhuangs.diandian.com/inbox" title = "private message">
<Div class = "nav_block">
<Span> private message </span>
<Span class = "hover"> private message </span>
</Div>
</A>
</Li>
<Li>
<A href = "http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com/archive" title = "ARCHIVE">
<Div class = "nav_block">
<Span> archive </span>
<Span class = "hover"> archive </span>
</Div>
</A>
</Li>
<Li>
<A href = "http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com/rss" title = "subscription">
<Div class = "nav_block">
<Span> subscription </span>
<Span class = "hover"> subscription </span>
</Div>
</A>
</Li>
If I limit the characters in the span above.
$ ("Nav_block span"). wordLimit (8 );
It uses the following method to define the jquery plug-in, which I deducted from the dot net:
Copy codeThe Code is as follows:
// Copyright c by zhangxinxu v1.0 2009-09-05
// Http://www.zhangxinxu.com
/* $ (". Test1"). wordLimit (); the css width is automatically obtained for processing. If no width is specified for. test1 in css, it does not work.
$ (". Test2"). wordLimit (24); number of truncated characters. The value is an integer greater than 0. Here, the number of characters in the tag of class test2 can be 24 at most.
*/
(Function ($ ){
$. Fn. wordLimit = function (num ){
This. each (function (){
If (! Num ){
Var copyThis = certificate (this.clonenode(true?#.hide().css ({
'Position': 'absolute ',
'Width': 'auto ',
'Overflow': 'visible'
});
$ (This). after (copyThis );
If (copyThis. width ()> $ (this). width ()){
$ (This). text ($ (this). text (). substring (0, $ (this). text (). length-4 ));
Certificate (this).html((this).html () + '...');
CopyThis. remove ();
$ (This). wordLimit ();
} Else {
CopyThis. remove (); // clear the copy
Return;
}
} Else {
Var maxwidth = num;
If ($ (this). text (). length> maxwidth ){
$ (This). text ($ (this). text (). substring (0, maxwidth ));
Certificate (this).html((this).html () + '...');
}
}
});
}
}) (JQuery );