BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
DHTML
>
トランジションをさせる方法
■説明
テキストや画像に対して、トランジションを発生させる事が出来ます。ただし、トランジションの種類は1つしかありません。DHTMLの機能です。動的なページを作ることが出来ます。
複数の指定方法がありますので以下に示します。
BlendTrans Filter
トランジションを発生させる事が出来ます。
設定値
説明
Duration
トランジション効果を与える時間を秒数で指定します。
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <TITLE>トランジションをさせる方法</TITLE> <SCRIPT TYPE="text/javascript"> <!-- flag = 0 //画像を変更させるためのフラグ function Blend(id){ if(document.all){ if(flag == 0){ document.all(id).filters.blendTrans.apply(); document.all(id).src="Image2.jpg"; document.all(id).filters.blendTrans.play(); flag = 1; }else{ document.all(id).filters.blendTrans.apply(); document.all(id).src="Image1.jpg"; document.all(id).filters.blendTrans.play(); flag = 0; } } } //--> </SCRIPT> </HEAD> <BODY> <FORM> <IMG ID="blend1" SRC="Image1.jpg" STYLE="filter:blendTrans(duration=2);"> <INPUT TYPE="BUTTON" VALUE=" GO " onClick='Blend("blend1")'> </FORM> </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