JQERY limittext plug-in version 0.2 (long content limit display)_jquery

Add a function to show more and attach the code: Use the example in the attachment

Copy the code The code is as follows:

/**
* demo:
* 1.$("#limittext").limittext();
* 2.$("#limittext").limittext({"limit":1});
* 3.$("#limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true}});
* 4.$("#limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true,"moretext": "more","lesstext":"hidden part","fullfn":function(){alert("more")},"lessfn":function(){alert("less")}}})
* 5.$("#limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true}}).limit( "all");
* @param {Object} opt
* {
* limit:30,//Number of displayed text
* fill:'...'//Fill when hiding Text
* morefn:{
* status:false,//Whether to enable more
* moretext: "(more)",//The text displayed when hiding part of the text
* lesstext: "(less)", //The text displayed when all text is displayed
* cssclass: "limittextclass", // Enable more CSS class names of A tags
* lessfn: function(){}, // Callback function when less text is displayed
* fullfn:function(){}//Callback function when more text is displayed
* }
* @author Lonely
* @link http: //www.liushan.net
* @version 0.2
*/
jQuery.fn.extend({
limittext:function(opt){
opt=$.extend({
"limit":30,
"fill":"..."
},opt);
opt.morefn=$.extend({
"status": false,
"moretext": "( more)",
"lesstext":"(less)",
"cssclass": "limittextclass",
"lessfn": function(){
},
"fullfn" : function(){
}
},opt.morefn);
var othis=this;
var $this=$(othis);
var body=$this.data( 'body');
if(body==null){
body=$this.html();
$this.data('body',body);
}
var getbuttom=function(showtext){
return ""
showtext
"< a>";
}
this.limit=function(limit){
if(body.length<=limit||limit=='all'){
var showbody=body (opt .morefn.status?getbuttom(opt.morefn.lesstext):"");
}else{
if(!opt.morefn.status){
var showbody=body.substring(0,limit )
opt.fill;
}else{
var showbody=body.substring(0,limit)
opt.fill
getbuttom(opt.morefn.moretext);
}
}
$this.html(showbody);
}
this.limit(opt.limit);
$("." opt.morefn.cssclass).live("click ",function(){
if($(this).html()==opt.morefn.moretext){
showbody=body
getbuttom(opt.morefn.lesstext);
$ this.html(showbody);
opt.morefn.fullfn();
}else{
othis.limit(opt.limit);
opt.morefn.lessfn();
}
});
return this;
}
});

Package download addresshttp://www.jb51.net/jiaoben/ 29345.html