ロールオーバーの仕方
この記事は、バックアップの配信データから復元しました。元の本文の一部や文字が欠けている場合があります。
[ロールオーバー] ブログ村キーワード
rollover.jsを使ったロールオーバー
特に設置が難しくなくソースもきれいです
まずrollover.jsをダウンロードしてきてサイトのjsフォルダーに保存します
ロールオーバーしたいページのの間に
を足します
ロールオーバーしたい画像(123.gif)のクラスをimgoverにして下さい
他にページがない場合は#を指定します
#(ヌルリンク)はジャンプはしないけどページの先頭に飛びます
リンク先に#を使うのはjavascriptを試す時に良く使われます
今回は
クラスが複数ある場合は半角スペースを入れます
後はロールオーバー後の画像名を123_o.gif"
(_oはアンダーバー小文字のオーです
ゼロではないので気をつけてください)
にするとマウスを画像に持っていくとロールオーバーします
備考
ヌルとは(コンピュータ)(null) 、 (架空の生物) です
hrefとはHyper REFerenceの略です
「Hypertextとは他のページなどにジャンプできるテキスト
REFerenceとは参照(すること), 照合, 参考
さらに付けたし
mailtoで題名や本文を最初に入れておきた場合の記述
ちなみにモバイルサイトで
はクリックすると電話をかけることができます
rollover.jsを使ったロールオーバー
特に設置が難しくなくソースもきれいです
まずrollover.jsをダウンロードしてきてサイトのjsフォルダーに保存します
ロールオーバーしたいページのの間に
を足します
ロールオーバーしたい画像(123.gif)のクラスをimgoverにして下さい
[外部サイトの画像]ロールオーバーですのでリンク先を設定しなくてはなりません他にページがない場合は#を指定します
#(ヌルリンク)はジャンプはしないけどページの先頭に飛びます
リンク先に#を使うのはjavascriptを試す時に良く使われます
今回は
[外部サイトの画像] height="44" class="imgover" />です
クラスが複数ある場合は半角スペースを入れます
後はロールオーバー後の画像名を123_o.gif"
(_oはアンダーバー小文字のオーです
ゼロではないので気をつけてください)
にするとマウスを画像に持っていくとロールオーバーします
備考
ヌルとは(コンピュータ)(null) 、 (架空の生物) です
hrefとはHyper REFerenceの略です
「Hypertextとは他のページなどにジャンプできるテキスト
REFerenceとは参照(すること), 照合, 参考
さらに付けたし
mailtoで題名や本文を最初に入れておきた場合の記述
メールアドレス表示用
ちなみにモバイルサイトで
電話番号表示用
はクリックすると電話をかけることができます