ホームページとかブログで文字をスクロールさせてみようと思う。Bloggerで出来るか実験するお!!

ホームページとか作っていると文字を動かしたい時があるんだなこれが。色々調べてみるとHTMLとCSS、ジャバスクリプトとかで出来るみたい。

うーんでもジャバスクリプトはハッキリ言うともうジャバスクリプトは忘れてしまったんでHTMLで動かしてみようかなって思ってしまったんですよ!!
それでは実際にやってみよう!!

参考になったサイト



<marquee>タグを使ってみるお

タグは<marquee>を使うみたい。一度過去にWordPressで使ったことがある…?多分このタグだったと思う。
でも確かWordPressでは<marquee>は推奨してなかったと思うんだな…。

テキストを動かす

ではやってみるお!!
「文字を動かしたいよ」これを動かしてみる。
タグは<marquee>文字を動かしたいよ</marquee>でやってみるお!!

▼実際のやってみる
あらー書いただけではもちろん動かないけど、Previewを見てみると見事に動いていますね。やったあああああ!!

文字を動かしたいよ


画像を動かしてみる

それでは次に画像を動かしてみたいとおもいまっする!!
とにかくチャレンジだ(`・ω・´)キリッ
▼それで下のこのサッカーボールを転がしてみるお!!
タグは<marquee><img border="0" data-original-height="227" data-original-width="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj-0qlopG1zP3dyfZsWs_7p0DamKS1K_7P7A-EYhdEjSXSIt3y5BCraL7ogXa6PqTz8GcC5X81rM79HAdIgdBayULU8oCss8bTQ8EZvX5SogMn7k0HUMZNewUJud2A3o5AltEUrlbc6Q/s1600/bo-ru.png" /></marquee>

▼実際にやってみる
ゆっくり動いていますな(`・ω・´)キリッ




まとめえええええ

Bloggerで<marquee>タグは使えるって事でおk!!
もしも動かしたい人がいたらやってみる価値ありかな~

0 件のコメント :

コメントを投稿

お気軽に(^ω^)