• かちびと.net

    Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extendedのご紹介です。簡単にツアーコンテンツを実装出来ます。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended

スポンサーリンク

BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。

Bootstrapでツアーコンテンツを実装するスクリプトです。

Bootstrap Tour Extended


ツアーコンテンツをツールチップで実装します。


↑ こんなん。

以下、公式の動作デモです。

Sample

  var tour = new Tour();
  tour.addStep({
    element: "#foo",
    placement: "bottom",
    title: "タイトルです",
    content: "文章です。 "
    + "文章の続き。 "
    + "<a href='http://example.com' target='_blank'>"
    + "リンクはこうやって貼る<\/a>"
  });

ツ-ルチップは上記のように作っていきます。

その他、詳細は以下でご確認下さいー

Bootstrap Tour Extended

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services