Calendar
S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
30      
<< September 2018 >>
作りたい病が突然襲ってきます。
なにが作れるでしょうか?
ジャンルを問わず・・・・
まぁ、編み物系が多くなるかと思いますが
あっ、パソコン系も『作る』になるのか!
Profile
 目次 #*#*#*#*#*#*#*#
★摩耶の編物電脳化
Category
Comment
Link ●ボディタオル・リフ用毛糸
Mobile
qrcode
Search



2012/10設置
powered by 韓国★ポップ

流れる文字

今回も流れる文字ですが、
ちょっとタグを加えて動きを変えてみようかと思います
なんだか、ウゾウゾと虫が動いているようなページに
なってしまいましたが・・・・・・
 


☆簡易タグ幅いっぱいに右から左に流れる
<marquee>幅いっぱいに右から左に流れる</marquee>


direction="right"を入れてあげると
幅いっぱいに左から右に流れる
<marquee direction="right">幅いっぱいに左から右に流れる</marquee>


behavior="alternate"を入れてあげると
幅いっぱいに、行ったりきたり
<marquee behavior="alternate">幅いっぱいに、行ったりきたり</marquee>


<Br>改行タグをいれてあげると
改行タグを入れれば
何行でも平行に
動かせます

<marquee>改行タグを入れれば<Br>何行でも平行に<Br>動かせます</marquee>


direction="up" height="50"を入れてあげると
バウンドしながら右に進む
<marquee behavior="alternate" direction="up" height="50"><marquee direction="right">バウンドしながら右に進む</marquee></marquee>

<direction="left">にすると右から左に
バウンドしながら右に進む
<marquee behavior="alternate" direction="up" height="50"><marquee direction="left">バウンドしながら右に進む</marquee></marquee>


☆動く幅を決めて
☆うごく☆
<MARQUEE width="338" behavior="alternate" scrolldelay="50" truespeed><font color="blue">☆うごく☆</font></font></MARQUEE>
width="338" が動く幅です。
ここを小さくすると範囲が狭く、大きくすると広くなります

width="150" にすると ↓ こんな感じです。スピードは上記と同じなんですが、ちょっと速く感じます!
☆うごく☆
センタータグと入れてやると ↓ こんな感じです 
☆うごく☆

<div style="text-align:center"><MARQUEE width="150." behavior="alternate" scrolldelay="50" truespeed><font color="blue">☆うごく☆</font></font></MARQUEE></div>

上記と同じタグでスピードのタグscrolldelay="50"をscrolldelay="100"にすると ↓ 感じです
☆うごく☆




文字を大きくするときは、
***********************************************************
☆うごく☆ ⇒ ☆うごく☆
***********************************************************
         <span style="font-size:400%;line-height:400%;">☆うごく☆</span>
というタグを使うと思いますが、line-height:400%にすると空白が目立ちますよね
なんで、 ↓ は、line-height:100%としています
***********************************************************
☆うごく☆
***********************************************************
人気ブログランキングへ  にほんブログ村 ハンドメイドブログ 編み物へ

面白かったよ!役にったったよ!と思ったら是非ポチッとお願いします(≧∇≦)
| ブログカスタマイズ! | comments(0) |









Material by Night on the Planet
Template by NoIndex