Web site作成講座  文字の入力 U


文字に色を付けたり、動かしたり、先頭の文字を修飾します。
使用される場合は、枠内のタグをコピーしてください。


色については、カラーチャートを参照してください。



2-1 文字に色をつけます。


文字に色をつけます

例は「red」で表示しています。「red」の部分にカラーネームまたはカラーコードを入力して下さい。



2-2 文字を左にスクロールさせます。


このように左にスクロールします



2-3 文字を右にスクロールさせます。


右にスクロールします

注1: width=800のところの数字を変えると、スクロールする長さが変わります。数字を%で表示することもできます。
注2: scroll amount=5の数字を変えると、文字のスピードが変わります。1〜20まで変えることができます。     



スピード1の速さです
スピード5の速さです
スピード10の速さです
スピード15の速さです
スピード 20だとほとんど読めません

      


2-4 文字を左右にスクロールさせます。



こんな感じで左右に動きます



2-5 文字を上にスクロールさせます。



上にスクロールします


注: height=100のところの数字を変えると、スクロールする高さが変わります。数字を%で表示することもできます。



2-6 文字を下にスクロールさせます。



下にスクロールします


注: height=100のところの数字を変えると、スクロールする高さが変わります。数字を%で表示することもできます。



2-7 文字を上下にスクロールさせます。



文字が上や下にスクロールしましす

注: height=数字を付け加えることで、スクロールする高さを変えることができます。数字を%で表示することもできます。



2-8 文字を動き回らすこともできます。



このように文字が動きます
このように文字が動きます


注: height=数字及び width=数字を変えることで、動く高さや幅を変えることができます。数字を%で表示することもできます。



2-9 文字を点滅させることもできます。



文字が左右で点滅します


これは見る側からすれば、非常に見ずらいものです。設置される場合は要注意です。


2-10 簡単なメッセージボードもできます。



こんな感じで表示されます



2-11 テーブルとMARQUEEを複合して使えばこのようになります。



○●○●○●○●○●○●○●○●○●○●
こんな風にメッセージを出すことができます
○●○●○●○●○●○●○●○●○●○●



2-12 テーブルを使えばこのようにもなります。



広告塔のように表示できます。



2-13 もう1つ広告の定番、ネオンサインです。




注:もう少しカラフルにしたネオンサインの表示を、JAVAのページで公開してます。



2-14 文字に影をつける方法です。



JASEP's Web sit


使用上の注意

パラメータ 説     明
color 影の色を指定します。
offX X軸のずらす数値を指定します。
offY Y軸のずらす数値を指定します。
positive 必ず1を指定してください。0を指定したら、重なっている所以外が透明になります。


IE 4.0以上でないと利用出来ません。



2-15 文字に影をつける方法2です。



JASEP's Web site


使用上の注意

パラメータ 説     明
color 影の色を指定します。
direction 影の角度を指定します。


IE 4.0以上でないと利用出来ません



2-16 文字にグロー効果を付けることも出来ます。



JASEP's Web site


使用上の注意

パラメータ 説     明
color 輪郭の色を指定します。
direction 輪郭の大きさを指定します。


この方法を利用すれば、文字にインパクトのある効果をつけることが出来ます。

分りやすくするために赤色を使ってますが、文字の色より濃い色を使えばまだはっきり効果がわかります。


IE 4.0以上でないと利用出来ません



2-17 先頭の文字だけ大きくする方法です。



ががですか。この先頭の文字が
大きくなっていますでしょうか?
このようにすれば、見出しがはっきりします。
使ってみられませんか?



色については、カラーチャートを参照してください。