文字を動かす

※スマホだと一部うまく動かないかもしれません。

「こんにちは!いつもありがとうございます。」

・・・

見えにくいですね(笑)

なんて書いてあるかわかりますか?
正解は

「こんにちは!いつもありがとうございます。」

です( ´∀`)

読めました?

今回はこんな風に
文字を動かす方法を御紹介します。

とはいっても文章を
”marquee”というタグで囲むだけです。

一番簡単なやつだと

<marquee>右から左に動きます</marquee>

右から左に動きます

これだけです。簡単ですね♪

反対方向に動かしたいなら

<marquee direction="right">左から右に動きます</marquee>

左から右に動きます

左右に動かすときは

<marquee behavior="alternate">左右に動きます</marquee>

左右に動きます

“width”を入れると横に動く範囲を指定できます。

<marquee width="200">横幅指定</marquee>

横幅指定

動くスピードを変えるときは、
“scrollamount”を使います。
値が大きいほど早く動きますよ。

<marquee scrollamount="3">ゆっくり動く</marquee>
<marquee scrollamount="50">すばやく動く</marquee>

ゆっくり動く
すばやく動く

上方向に動かしたいときは

<marquee direction="up" height="100">下から上に動きます</marquee>

下から上に動きます

“up”を”down”に変えれば下方向に動きます。
“height”は縦幅の指定です。

色々あって楽しいですね。
最後に応用を紹介して終わります。

<marquee direction="down" width="80%" height="200" behavior="alternate" style="border:solid"><marquee behavior="alternate">ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ</marquee>
</marquee>

ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ

最後までお読み頂きありがとうございました。
分からないこと、悩んでいることなど、
お気軽にお問合せください。
お問い合せはこちら

アフィリエイトを無料で学びたい方、
覚醒メールセミナーNEOを受講しませんか?

ブログランキングに参加中しています。
クリックして頂けるとうれしいです( ´∀`)

16 Responses to “文字を動かす”

  1. そら より:

    シンちゃん、こんばんは^^

    いつものように通りすがろうと
    思ったのですが。。。(笑

    何やら動く物体が!!
    しかもメチャ早いっっ(笑
    思わずコメントをしてしまいました。

    こんな風にできるんですね^^
    ひそかに( ..)φメモメモ
    いつも、役立つ情報をありがとうございます。

    応援完了です^^

    • そらさん、こんばんは!

      素通りせずに立ち止まって頂きありがとうございます(゚∀゚)ノ

      たまにはこういう動きのあるものもいいかなと(笑)
      おかげでコメント頂けて満足です( ´∀`)

      こういうエフェクトのタグは昔使いまくっていたのですが、
      最近あんまり使っていませんでした。
      でも目立つし差別化できますね(゚∀゚)ノ

      応援ありがとうございます!
      私も伺いますね♪

  2. ryuoji より:

    シンイチロウさん、こんにちは。いつもありがとうございます。
    文字が動くのはどれもすごいし、面白いですね。

    使ってみたくなります。いつも参考になります。応援して帰ります。

    • ryoujiさん、こんにちは。
      いつもありがとうございます( ´∀`)

      見る人が思わず「おっ!?」と
      立ち止まってくれるかなと思い紹介してみました♪

      簡単にできるのでよかったら参考にしてください(゚∀゚)ノ

      応援ありがとうございます♪

  3. シンイチロウさん、こんばんは。
    アフィリエイト副業で稼ぐ@たいちです。

    私は以前、携帯アフィリエイトをしていましたが
    タグ、タグはよく使っていました。

    しかし、携帯サイトでの話です。

    私の認識では、タグ、タグは、
    携帯サイト専用のタグで、PCには使用できないと
    勘違いしていたみたいです。(泣)

    危うく、誤解したままで一生を終えるところで
    危ない所でした(苦笑)

    シンイチロウさん、感謝感謝です。
    またお伺いさせて下さいね。

    ありがとうございました。

    • たいちさん、こんばんは!

      私も昔はタグ使いまくっていたのですが、
      最近はあんまり使っていませんでした。
      昔の記憶を呼び戻しながら書いてます(笑)

      私はスマホだと使用できないと思っていたのですが、
      よくよく考えたら昔の携帯で使えたのだから
      今のスマホでも大丈夫ですよね(ノ∀`)

      たいちさんの誤解が1つ解けて良かったです( ´∀`)ノ
      携帯で使っていたときのように
      よかったらPCでも使ってみて下さいね♪

      いつも応援ありがとうございます!
      私も伺いますね(゚∀゚)ノ

  4. ヒロヤス より:

    シンイチロウさん、こんばんは^^
    ヒロヤスです。

    これをどう使うか、悩みどころですが、面白くて
    反応しちゃいました。

    ワンポイントで使えるところ考えてみます^^

    応援完了です。

    • ヒロヤスさん、こんにちは!

      使い方をどうするかは悩みどころですね( ´∀`)

      上手く使えばインパクト大だとは思うのですが、
      余計なところで使い過ぎちゃうと、
      うるさい感じになっちゃいますよね(゚Д゚ )

      ワンポイントぐらいなら良さそうです( ´∀`)
      よかったらどこかでお使いください(笑)

      応援ありがとうございます!
      私も応援に伺いますね♪

  5. こんにちは(*^_^*)
    ブログランキングから訪問しました。

    あららら~\(◎o◎)/
    っとビックリしながらブログ読ませていただきました。
    こんなにたくさん文字動かせるのですね・・

    すみません・・・メモさせて下さい。
    参考になりました。
    ありがとうございます。

    • 魔女のナベおばちゃんさん、こんにちは!

      ブログにお越し頂きありがとうございます( ´∀`)ノ

      ビックリして頂けたならよかったです♪
      インパクトを与えようと思っていたので、
      うまくいきました( ´∀`)

      ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ

      ばっちりメモして頂いてもいいですし、
      また読みに来て頂ければ歓迎いたします(゚∀゚)ノ

      ぜひぜひご参考にしてくださいね♪

  6. ゆかり より:

    しんいちろうさん、こんにちは!

    クルクルしに来ました♪
    動く文字、面白いですね(*´∀`)♪
    めっちゃ早い文字楽しすぎです~
    何?何?って感じでしたよー

    ワンポイントで使ってみます!
    とっても素敵な情報を
    ありがとうございました!!

    • ゆかりさん、こんにちは!

      クルクル好評でうれしいです♪
      何回でもまわしていってください(笑)

      ちょっとCSSを離れてHTMLのタグを紹介してみました♪
      何かしら参考になればうれしいです( ´∀`)ノ

      またお越しください(゚∀゚)ノ

  7. ゆき より:

    シンイチロウさん、こんばんは!

    ランキングをウロウロしていて
    シンイチロウさんを発見、
    記事に惹かれてコメントしちゃいました(笑)

    タグでこんな事が出来るんですね(*´▽`*)
    こういうの大好きです♪

    しっかりメモさせて頂いて・・・( ..)φ
    次の記事でコッソリ(いや大胆に?)忍ばせてみます♪
    コッソリ使わせてくださいね~

    応援完了です~!

    • ゆきさん、こんばんは(゚∀゚)ノ

      ようこそおいでくださいました( ´∀`)ノ
      なかなか面白い記事が書けなくて苦戦しているところですが、
      ゆきさんの目に止まる記事があってよかったです♪

      動きのあるタグは昔は色々使っていたのですが、
      最近は使う人もなぜか減ってる印象です(・ω・)

      だからこそ目立つかなと思って紹介してみました( ´∀`)ノ

      よかったら堂々と使ってください(笑)

      応援ありがとうございます!
      私も伺いますね(゚∀゚)ノ

  8. メイ より:

    シンイチロウさん、こんにちは

    文字を動かすタグがあるんですね。初めて知りました。

    ずっと見てると目が回りそうになります(笑)

    最後の応用ワザはすごいですね。参考になります。

    応援完了しました。

    • メイさん、こんにちは!

      文字を動かすってすごそうに見えますが、
      実は昔からある機能なんですよ(っ´∀`c)
      お役に立てたらいいのですか。

      目が回らない程度にまたご覧になってくださいね(笑)

      応援ありがとうございます。
      私も伺わせていただきます(゚∀゚)ノ

コメントを残す

サブコンテンツ

プロフィール

シンイチロウのアバター

名前:シンイチロウ
覚醒メールセミナーNEO講師
年齢:30代
性別:男性
職業:会社員
詳しいプロフィールはこちら

メール相談受付中

お問い合わせはこちらから
いつでもご相談ください

月別アーカイブ



このページの先頭へ