人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WEBサイトで、カーソルを合わせるだけで、クリックしなくても、写真が横に拡大するサイトを知っている方教えてください。
女の子紹介サイトなどに多かったようなきがします(写真にカーソルを合わせると、プロフィールつきで拡大する。クリックはしなくてもよい)。また、WEBでの、この機能の名前がわかれば、それも知りたいです。よろしく

●質問者: comoberu
●カテゴリ:コンピュータ 学習・教育
✍キーワード:webサイト カーソル クリック サイト プロフィール
○ 状態 :終了
└ 回答数 : 5/8件

▽最新の回答へ

1 ● kai10
●16ポイント

http://www.cybergarden.net/javascript/js_imagechange01.html

> WEBでの、この機能の名前がわかれば、それも知りたいです。

javascriptのonMouseOverという機能です。


2 ● ぺこぽん
●16ポイント

http://www.pepsi.co.jp/campaign/gundam2004/bottlecap/index.html

こんな感じのところでしょうか?ボトルキャップですけど。


3 ● aki73ix
●16ポイント

http://www.kddi.com/

KDDI株式会社――ユビキタス・ソリューション・カンパニー

KDDIのTOPページがそうですね

この場合はFlashを利用しています

http://write-off.cside.com/scripts/index.html

Write-Off!! -HTML & Scripts-

こちらのようにJavaScriptで実現することも可能です「画像拡大 」を参考に

http://www.red.oit-net.jp/tatsuya/java/image3.htm

イヌでもわかるJavaScript講座

これを OnMouseOverイヴェントで行うとクリックしなくても拡大してくれるわけです

2番目と3番目のサイトのソースを組み合わせると実現できます


4 ● esseesse
●16ポイント

http://www.masahiko.info/blog/archives/000727.html

CSSで画像を動的に切り替えるには? ? #BLOG

サイトは知りませんが、スタイルシートを利用すれば実現できます。

# 上記サイトは実現方法の説明です。

スタイルシートの「擬似クラス」というもので「hover」というのがあります。

こちらをimgタグに適用してください。


5 ● ドラスタ文太
●16ポイント

http://wsabstract.com/mousewhipper/

JavaScript Kit onMouseover whipper 2.0

技術的にいろいろな方法があります。

まず、JavaScript ならば

onMouseOverというメソッドを使用します。

上記URLならすぐにソースコードを作成可能です。

また。FLASHもこのような表現が可能です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ