MyYahoo!に追加
Googleに追加ロールオーバーの仕方
ホームページ作成(CSS勉強中)
rollover.jsを使ったロールオーバー
特に設置が難しくなくソースもきれいです
まずrollover.jsをダウンロードしてきてサイトのjsフォルダーに保存します
ロールオーバーしたいページの
を足します
ロールオーバーしたい画像(123.gif)のクラスをimgoverにして下さい
他にページがない場合は#を指定します
#(ヌルリンク)はジャンプはしないけどページの先頭に飛びます
リンク先に#を使うのはjavascriptを試す時に良く使われます
今回は
クラスが複数ある場合は半角スペースを入れます
後はロールオーバー後の画像名を123_o.gif"
(_oはアンダーバー小文字のオーです
ゼロではないので気をつけてください)
にするとマウスを画像に持っていくとロールオーバーします
備考
ヌルとは(コンピュータ)(null) 、 (架空の生物) です
hrefとはHyper REFerenceの略です
「Hypertextとは他のページなどにジャンプできるテキスト
REFerenceとは参照（すること）, 照合, 参考
さらに付けたし
mailtoで題名や本文を最初に入れておきた場合の記述
ちなみにモバイルサイトで
はクリックすると電話をかけることができます
特に設置が難しくなくソースもきれいです
まずrollover.jsをダウンロードしてきてサイトのjsフォルダーに保存します
ロールオーバーしたいページの
<head></head>の間に
<script type="text/javascript" src="js/rollover.js"></script>
を足します
ロールオーバーしたい画像(123.gif)のクラスをimgoverにして下さい
<img src="123.gif" alt="" width="137" height="44" class="imgover" />ロールオーバーですのでリンク先を設定しなくてはなりません
他にページがない場合は#を指定します
#(ヌルリンク)はジャンプはしないけどページの先頭に飛びます
リンク先に#を使うのはjavascriptを試す時に良く使われます
今回は
<a href="#"><img src="123.gif" alt="" width="137"です
height="44" class="imgover" /></a>
クラスが複数ある場合は半角スペースを入れます
後はロールオーバー後の画像名を123_o.gif"
(_oはアンダーバー小文字のオーです
ゼロではないので気をつけてください)
にするとマウスを画像に持っていくとロールオーバーします
備考
ヌルとは(コンピュータ)(null) 、 (架空の生物) です
hrefとはHyper REFerenceの略です
「Hypertextとは他のページなどにジャンプできるテキスト
REFerenceとは参照（すること）, 照合, 参考
さらに付けたし
mailtoで題名や本文を最初に入れておきた場合の記述
<a href="mailto:メールアドレス?
subject=件名&body=本文">メールアドレス表示用</a>
ちなみにモバイルサイトで
<a href="電話番号(ハイフンなしです">電話番号表示用</a>
はクリックすると電話をかけることができます
09-4-29
まぁくんの店って???
大阪府四條畷市にありますはんこ販売と名刺印刷がメインのお店です
取扱商品
- 認印(既製認印在庫一覧表)・銀行印・実印・会社印・ゴム印・各種スタンプ
(※別製認印・銀行印は40分程度で作成可能です!!) - 黒一色名刺・黒以外一色名刺・フルカラー名刺 用紙は白色・カラー用紙・プラスチック用紙)
(黒一色は即日渡し可能です!!) - ガラス加工商品 灰皿・アイスペール・ウエルカムボード・その他
(サンドブラスト加工 納期は１週間〜２週間) - 広告印刷 一色刷り・２色刷り・フルカラー
(枚数・サイズ・用紙種類・ご予算にあった印刷方法を提案あせていただきます) - ホームページ作成(５００円ホームページはパターンが決まっています)
オリジナルも承ります - オリジナル商品 キーホルダー・携帯ストラップ・木札(千社札)
- ロゴ制作 文字のみ・イラスト入り・文字＆イラスト
- ライター名入れ
取り扱っていないけど欲しい商品があればお問合せください
出来る限りお役に立てるようにします