harada
Intro.jsのdivに設定できることのまとめ
必須項目 data-intro="テキスト" //ツールチップに表示させる内容をここに指定します。 data-step="1" //ツールチップを表示する順番を指定します。 オプシ…Selectivizrを利用してIE8以下でもCSS3を有効にする
Selectivizrを読み込むことでIE8以下でもCSS3のセレクタが有効になります。利用方法は簡単で、ダウンロードしたselectivizr.jsファイルを以下のようにヘッダーで読み込むだけです。 <!–[i…Intro.jsで表示順序を個別に制御する
intro.js のオプション設定で下記のように設定した場合、「次へ」ボタンや次のガイドへ進むバレットが表示されなくなります。 /* Show tour control buttons? */ s…Intro.jsのオーバーレイ表示を無効化する
intro.jsの以下の2行をコメントアウトします。 styleText += 'top: 0;bottom: 0; left: 0;right: 0;position: fixed;'; overl…iPhoneの入力フォームで数字を入力させる時にテンキーを表示する方法
インプットのタイプを指定することで切り替えられます。 <input type="tel" /> その他にもメールアドレス入力に適した入力方法や、日付入力に適した入力方法を指定できるようです…CSSだけでラジオボタンを選択した時のスタイルを変更する
ラジオボタンで選択したテキストのスタイルを太字にする場合です。 HTML <label> <input type="radio" onclick="planChange()…Intro.jsでページ読み込み時にツアーを開始する
Intro.jsのデモなどではボタンを押すことによりツアーがスタートされますが、ページを読み込んだ時からサイトツアーを開始したい場合の表記です。実際はこれだけではなくCookieやユーザーIDなど利用して一度表示し終わっ…