no-image

JavaScript

続きを読むボタンを実装できる「ReadMorePlugin」

ReadMorePluginは「続きを読む」、「もっと読む」、「Read More」などといったボタンを実装できるjQueryプラグインです。長文ページで全テキストを表示するのはスペース的にも余裕がないなんて時に活躍してくれますね。

ReadMorePlugin

ReadMorePlugin

デモではテキストの下に「Read More…」というボタンが設置されていて、ここをクリックすると続きの文章が表示されます。全文が表示されると先ほどの「Read More…」が「Read Less…」という文字に変化します。再度これをクリックすると最初の時のように続きのテキスト部分が非表示になります。

表示・非表示をユーザー自身がコントロールできるのが便利ですね。ブログなどで長い文章を表示させる時に、Read Moreボタンを設置したいという人は、ぜひ「ReadMorePlugin」を活用されてみてはいかがでしょうか?

オプションには、hideText、readText、isTextShown、effect、effectOption、buttonClasses、idといった項目が用意されています。ちょっとしたカスタマイズにも対応しているので、気になる人はぜひチェックしてみてください。

ReadMorePluginのライセンスはMITになります。

関連記事

  1. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

  2. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  3. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

  4. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  5. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  6. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP