該当個所をサーチするには、Ctrl＋Fを使ってください。 ● 「ダイナミックHTML効果を使って、テキスト、画像を表示する ● HEAD区間に下を貼り付けてください。 -----ここから <script language="JavaScript" fptype="dynamicanimation">  </script> <script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js"> </script> -----ここまで下はBODY区間に貼り付けます。 ◆ 1 ウェーブしながら、テキストや画像を表示します。 <body onload="dynAnimation()"> <p dynamicanimation="fpAnimwaveWordsFP1" id="fpAnimwaveWordsFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"> <font size="4"> <b>1 ウェーブしながら、テキストや画像を表示します。</b></font></p> ◆ 2 スパイラル状に、テキストや画像を表示します。 <body onload="dynAnimation()"> <p dynamicanimation="fpAnimspiralFP1" id="fpAnimspiralFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><font size="4"> <b>2 スパイラル状に、テキストや画像を表示します。</b></font></p> ◆ 3 左からスライドインしながら、テキストや画像を表示します。 <body onload="dynAnimation()"> <p dynamicanimation="fpAnimflyLeftFP1" id="fpAnimflyLeftFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><font size="4"> <b>3 左からスライドインしながら、テキストや画像を表示します。</b></font></p> ◆4 右からバウンドしながら、テキストや画像を表示します。 <body onload="dynAnimation()"> <p dynamicanimation="fpAnimelasticRightFP2" id="fpAnimelasticRightFP2" style="position: relative; visibility: hidden" language="Javascript1.2"><font size="4"> <b>4 右からバウンドしながら、テキストや画像を表示します。</b></font></p> ◆5 ホップしながら、テキストや画像を表示します。 <body onload="dynAnimation()"> <p dynamicanimation="fpAnimhopWordsFP1" id="fpAnimhopWordsFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"> <b><font size="4">5 ホップしながら、テキストや画像を表示します。</font></b></p> ◆6 中央からワイプしながら、テキストや画像を表示します。 <body onload="dynAnimation()"> <div style="position: absolute; top: 278; left: 16; width: 632; height: 18; visibility: hidden; clip: rect(0 632 18 0)" dynamicanimation="fpAnimwipeMIDFP1" id="fpAnimwipeMIDFP1" language="Javascript1.2"> <p><b><font size="4">6 中央からワイプしながら、テキストや画像<img border="0" src="../kumahandstand.gif" width="42" height="46">を表示します。</font></b></p></div> ● 画像を自動的に動かす ● <html> <head> <title>テスト</title> <style type="text/css">  </style> <script language="JavaScript">  </script> </head> <body onload="func()"> <ilayer id="N1"> <img id="E1" src="kumablue.gif" width=56 height=69 class=abs> </ilayer> </body> </html> ● 画像を背景にする ● <body onload="func()" background="../mas/97in34.jpg" bgproperties="fixed"> ● 検索エンジンのヤフーとグーグルを設置する ● <FORM action="http://search.yahoo.co.jp/bin/search" method="get"> <INPUT type="TEXT" name="p" size="24" id="p1"><B> <INPUT type="SUBMIT" value="Yahoo!" style="font-weight:bold">    <INPUT TYPE="button" VALUE="トップ" style="font-weight:bold" onClick="location.href='http://www.yahoo.co.jp/'"> <A href="http://www.yahoo.co.jp/" ><br> </A> </B> </FORM> <form method=GET action=http://www.google.co.jp/search> <input maxLength="300" size="24" name="q">  <input type="submit" value="Google" name="btnG" style="font-weight: bold" title="「表示設定」で検索結果を50件にして保存がオススメ！"> <input type="hidden" name=lr1 valuelang-ja checked value="1">   <input type="submit" value="公式HP" name="btnI" style="font-weight: bold" title="検索したいサイトの公式ページにとびます">        <INPUT TYPE="button" VALUE="画像" style="font-weight: bold" onClick="location.href='http://www.google.co.jp/imghp?q=&ie=UTF-8&oe=UTF-8&hl=ja&lr='"> </form> ● 表：800ピクセルで、罫線なしの表をつくる ● <table border="0" width="800"> <tr> <td width="100%">　 <p>　</p> <p>　</p> <p>　</p> <p>　</td> </tr> </table> ● 表：写真の右側に説明文が来るように表をつくる ● <table border="0" width="640"> <tr> <td width="100%">　 <p>　</p> <table border="1" width="640" bordercolor="#0000FF"> <tr> <td width="50%">　</td> <td width="50%">　</td> </tr> <tr> <td width="50%">　</td> <td width="50%">　</td> </tr> <tr> <td width="50%">　</td> <td width="50%">　</td> </tr> </table> <p>　</p> <p>　</td> </tr> </table> ● ホバーをかける（テキストにマウスを乗せると色が変わる） ● <SPAN STYLE="font-size:24pt" onMouseOver="window.event.srcElement.style.color = 'red'" onMouseOut="window.event.srcElement.style.color = 'black'"> 学問の広場 </SPAN> ● フォントサイズ(文字の大きさ)を指定する ● <font size=1>の文字</font> <font size=2>の文字</font> <font size=3>の文字＝規定値</font> <font size=4>の文字</font> <font size=5>の文字</font> <font size=6>の文字</font> <font size=7>の文字</font> ● ページの切り替え効果を使用する ● ブレンド <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> ボックスイン <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> ボックスアウト <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=1)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> サークルイン <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=2)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> サークルアウト <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=3)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 上へワイプ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=4)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 下へワイプ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=5)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 右へワイプ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=6)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 左へワイプ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=7)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> たてにブラインド <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=8)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> よこにブラインド <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=9)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> ヨコにチェッカー <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=10)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 下にチェッカー <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=11)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> ランダムディゾルブ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 左右から結合 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=13)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 左右に分割 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=14)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 上下から結合 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=15)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 上下に分割 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=16)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 左下へストリップ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=17)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 左上へストリップ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=18)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 右下へストリップ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=19)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 右上へストリップ <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=20)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 水平ランダムバー <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=21)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 垂直ランダムバー <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=22)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> ランダム <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=23)"><meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=3)"> ● マーキーをかける（文字をスクロールさせる） ● <MARQUEE BGCOLOR="#FFFF00"> このページで、ホームページを多彩にしましょう。＼(^ω^)／♪ 　(^_-) </MARQUEE> ● 文字にグラデーションをかける ● <div align="left"> <table border="0" cellpadding="2" width="600" bgCOLOR="#FF0000"><tr><td><br> <FONT size="5"> <FONT COLOR="#919191">色</FONT> <FONT COLOR="#9B9B9B">彩</FONT> <FONT COLOR="#A5A5A5">の</FONT> <FONT COLOR="#AFAFAF">ペ</FONT> <FONT COLOR="#B9B9B9">ー</FONT> <FONT COLOR="#C3C3C3">ジ</FONT> <FONT COLOR="#E1E1E1">（</FONT> <FONT COLOR="#EBEBEB">カ</FONT> <FONT COLOR="#F5F5F5">ラ</FONT> <FONT COLOR="#FFFFFF">ー</FONT> <FONT COLOR="#F5F5F5">の</FONT> <FONT COLOR="#EBEBEB">ペ</FONT> <FONT COLOR="#E1E1E1">ー</FONT> <FONT COLOR="#D7D7D7">ジ</FONT> <FONT COLOR="#CDCDCD">）</FONT> </FONT><br></td></tr></table></div> ● 文字にフィルターをかける　 ● <SPAN STYLE="width: 70; font-size: 30pt; color: red; Filter: Wave(Add=0, Freq=2, LightStrength=50, Phase=55,Strength=4)">動く</SPAN> <SPAN STYLE="width: 190; font-size: 30pt; font-weight: bold;color: #0000FF; Filter: Shadow(Color=#0000FF, Direction=255)">キーボード</SPAN> <SPAN STYLE="width: 200; font-size: 30pt; color: #000000; Filter: DropShadow(Color=#808080, OffX=5, OffY=5,Positive=1)">のページ</SPAN> ● 文字を反転させる ● <SPAN STYLE="height: 64; font-size: 35px; font-weight: bold; font-family: Arial; color: #cc0000; Filter: FlipV">秋葉原のページ</SPAN> ● ルビをふる ● <HEAD> <STYLE TYPE="text/css">  </STYLE> </HEAD> <BODY> <TABLE><TR><TD WIDTH="50%"> <FONT SIZE="6"> <RUBY><RB>旅<RT>たび</RUBY>の <RUBY><RB>広場<RT>ひろば </FONT></RUBY> </TD></TR></TABLE> </BODY> ● ●