[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

47 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

ebisu3htn ページの使い方は、見ただけで分かるようにデザインするのが一番ですが、100%伝えるのは難しいものです。そういう時に役立つツアーガイドを簡単に実装できるスクリプトを紹介します。ツアーガイドとしてだけでなく、

2014/05/19 リンク

hedeyoshi ページのツアーガイドを実装できるらしい。jQueryナシで。

2014/05/19 リンク

nors http://github.hubspot.com/shepherd/docs/welcome/

2014/05/19 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd

Shepherdの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトを外部ファイルとして記述します... Shepherdの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="shepherd-theme-arrows.css" /> </head> <body> ... <script src="shepherd.min.js"></script> </body> Step 2: HTML HTMLは普通に実装してOKです。ガイドを表示する要素には、それが指定できるようclassを付与しておきます。 Step 3: JavaScript ガイドを表示するタイミングや内容はスクリプトで記述します。基本書式は下記のようになり、classesに表示する場所、scrollToで自動スクロールの有無を指定します。 tour = new Shepherd.Tour defa

ブックマークしたユーザー

masayoshinym2014/07/11
qrac_jp2014/05/26
candykebin2014/05/23
yusk_y2014/05/21
deaikoi2014/05/20
masamizo2014/05/20
kkeisuke2014/05/19
hikohico2014/05/19
jojo42014/05/19
kaki_k2014/05/19
makita102014/05/19
haluokay2014/05/19
fushimik2014/05/19
torunaka22014/05/19
akishin9992014/05/19
milk772014/05/19
ebisu3htn2014/05/19
fumiyakurihara5342014/05/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx