ホームページ > ウェブフロントエンド > jsチュートリアル > CSS (js) は page_javascript スキルに表示されるテキストの文字長を制限します

CSS (js) は page_javascript スキルに表示されるテキストの文字長を制限します

WBOY
リリース: 2016-05-16 17:45:13
オリジナル
1112 人が閲覧しました
复制代码代码如下:
















  • 場合は制限上のスパン内の文字。
    它使用了次の一つの評価义jquery插件的方法,これ是我从点网扣下来的:

    复制代 代码如下:
    // copyright c by zhangxinxu v1.0 2009-09-05
    // http://www.zhangxinxu.com
    /* $(" .test1").wordLimit(); css 内で .test1 の設定値が設定されていない場合、自動取得 css 値が処理され、機能しません
    $(".test2").wordLimit(24); 截取字数,值は 0 より大きい整数,ここに示すクラスは test2 の标签内字数最大 24 個
    */
    (function($){
    $.fn.wordLimit = function(num) ){
    this.each(function(){
    if(!num){
    var copyThis = $(this.cloneNode(true)).hide().css({
    'position ': '絶対',
    '幅': '自動',
    'オーバーフロー': '可視'
    });
    $(this).after(copyThis); (copyThis.width()>$(this).width()){
    $(this).text($(this).text().substring(0,$(this).text(). length-4));
    $(this).html($(this).html() '...');
    copyThis.remove();
    $(this).wordLimit( );
    }else{
    copyThis.remove(); //清除复制
    }
    }else{
    var maxwidth=num; (this).text().length>maxwidth){
    $(this).text($(this).text().substring(0,maxwidth));
    $(this).html( $(this).html() '...');
    }
    }
    });

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート