TOPHTML+TIMETIMEサンプル> トランディション1発貼り付け
TRANSITION  
         サンプル  解説  ソース表示  ソースコピー  メモ帳起動
   
    ハイライトON、OFF  変更削除不可 TIME指定 JavaScript指定 スタイルシート指定 カスタマイズ箇所
24種類のランダムで起こるトランディション効果を指定タグにいくつでも一発で加えることができます。
まず下記をクリックし、ファイルをダウンロードして下さい。

transition.js
ダウンロードしたファイルを効果を加えるページと同じフォルダに保存します。
そして、効果を加えたいタグの間に
<SCRIPT language="JavaScript" src="transition.js"></SCRIPT>
と書き加えるだけでOKです。

※ページ全体の場合を除き横幅のサイズ指定をする必要があります

テキストの場合
<P style="width:100%;">ホームページへようこそ
<SCRIPT language="JavaScript" src="transition.js"></SCRIPT></P>

テーブルの場合
<TABLE>
<TR>
<TD style="width:100%;">
ホームページへようこそ
<SCRIPT language="JavaScript" src="transition.js"></SCRIPT>
</TD>
</TR>
</TABLE>

テーブルの場合2
<DIV style="width:テーブルの横幅;">
<TABLE>
<TR>
<TD style="width:100%;">
ホームページへようこそ
</TD>
</TR>
</TABLE>
<SCRIPT language="JavaScript" src="transition.js"></SCRIPT>
</DIV>

画像の場合
<SPAN style="width:画像の横幅;">
<IMG src="image.gif" border="0">
<SCRIPT language="JavaScript" src="transition.js"></SCRIPT>
</SPAN>

ページ全体の場合
<BODY>
<!--ここにページ全ての内容が入ります-->
<SCRIPT language="JavaScript" src="transition.js"></SCRIPT>
</BODY>