HTMLコードのみで点滅文字や動く文字を設定する方法: アフィリエイト専科

2020年06月28日

HTMLコードのみで点滅文字や動く文字を設定する方法

https://www.affiliatesenka.com/

ブログの文章にHTMLコードのみで点滅文字や動く文字を設定する方法

文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね！

読む側からしたら読みやすい、見やすい、気になる文章の方が最後まで読んでくれる事が多いです。
また他人のブログなどを見て、このブログ読みやすい！カッコイイ！何これ！って感じると最後まで読んでしまうものです。

そこで、点滅文字や動く文字を使ってアピール文字を誰でも簡単に設定できるHTMLコードを紹介したいと思います。

HTMLコードで文字点滅【コピペOK】

<MARQUEE SCROLLDELAY="500" SCROLLAMOUNT="100" WIDTH="100"> テキスト入力
</MARQUEE>

ブログの文字を強調したい部分にHTMLコードをコピーしてペーストすれば、下記のように点滅文字を設定する事ができます。
(テキスト入力)と書いてある部分は好きな文字を入力して使います。
今回はそのままのテキスト入力を使って紹介しています。

標準"500"点滅文字
テキスト入力

コードにある SCROLLDELAY="500" の"500"部分の数字を変える事で点滅スピードを変えられます。

"300"にした場合の文字点滅スピード
テキスト入力

"100"にした場合の文字点滅スピード
テキスト入力

"700"にした場合の文字点滅スピード
テキスト入力

点滅スピードは、500を基準に数字を小さくすれば点滅が早くなり、大きくすれば遅くなります。

次にコードにある SCROLLAMOUNT="100" WIDTH="100" のWIDTH="100"部分の数字を変える事で点滅が始まる位置を変えられます。

標準"100"点滅位置
テキスト入力

"200"に変えた点滅位置
テキスト入力

"300"に変えた点滅位置
テキスト入力

"400"に変えた点滅位置
テキスト入力

動く文字のHTMLコード設定

HTMLコードで動く文字【コピペOK】

標準的な動く文字
動く文字

文字に背景を使った動く文字

HTMLコードで動く文字に背景【コピペOK】

動く文字に背景
動く文字

動く文字

動く文字のスピードを変える！
scrollamount=1 の数字を変えると動くスピードが変わります。

scrollamount=2にした場合
動く文字

scrollamount=3にした場合
動く文字

動く文字の色を変更した場合

HTMLコードで動く文字青【コピペOK】

コードにある style="color:blue; とあるblueの部分を他の色コードに変更するだけで文字色を変えること事ができます。

動く文字(青)の場合
動く文字

動く文字(緑)の場合
動く文字

動く文字(赤)の場合
動く文字

お好みに合わせて囲み線の色や背景色などを変えて自分だけのオリジナルブログを書いてみて下さい。

早速点滅文字や動く文字を使った文章を書いて見ましょう！

色の変更はカラーコード一覧を参考に↓↓↓
http://www.netyasun.com/home/color.html

【このカテゴリーの最新記事】