BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
DHTML
>
マウスが乗るとトランジションする方法
■説明
マウスを乗せることで画像がトランジションを行い、画像が切り替わります。フィルタのrevealTransを使用しています。DHTMLの機能です。動的なページを作ることが出来ます。
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <TITLE>マウスが乗るとトランジションする方法</TITLE> <SCRIPT TYPE="text/javascript"> <!-- flag = 0; function Reveal(id){ if(document.all){ if(flag == 0){ document.all(id).filters.revealTrans.apply(); document.all(id).src="Image2.jpg"; document.all(id).filters.revealTrans.play(); flag = 1; }else{ document.all(id).filters.revealTrans.apply(); document.all(id).src="Image1.jpg"; document.all(id).filters.revealTrans.play(); flag = 0; } } } //--> </SCRIPT> </HEAD> <BODY> <IMG SRC="Image1.jpg" ID="reveal1" STYLE="filter:revealTrans(Duration=1, Transition=23);" onmouseover="Reveal('reveal1')"> </BODY> </HTML>
■実行例
■対応ブラウザ
マウスが乗るとトランジションする方法
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
×
●
●
●
●
×
×
×
×
×
[
ホーム
] [
DHTML
] [
↑ページ最上部へ戻る
]
簡単に1クリックで宣伝広告!!
個人が全ての検索エンジンやメルマガ等に登録していくのは、非常に大変な労力となっています。しかし、
簡単に検索エンジン、リンク集、掲示板、メルマガの全てに1クリック
でPRが出来てしまいます。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby