BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。 Bootstrapでツアーコンテンツを実装するスクリプトです。 ツアーコンテンツをツールチップで実装します。 ↑ こんなん。 以下、公式の動作デモです。 Sample var tour = new Tour(); tour.addStep({ element: "#foo", placement: "bottom", title: "タイトルです", content: "文章です。 " + "文章の続き。 " + "<a href='http://example.com' target='_blank'>" + "リンクはこうやって貼る<\/a>" });
![Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended](https://cdn-ak-scissors.b.st-hatena.com/image/square/63734aceca6e9b7376be1d0b4dd16673b3b3833e/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2013%2F01%2Fbootstrapex00.jpg)