このページの本文へ移動
色合い 標準 青 黄 黒
文字サイズ 標準 拡大 縮小
RSS
Since 00370368
Monthly 00001397

行事カレンダー

2024年4月
31 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 1 2 3 4
トップCMSマニュアル> 34.文字を動かすには

34.文字を動かすには

   【資料室】 

タグを使った文字列の移動

 

文字列を移動させるためには、コンテンツ編集画面を表示させます。

コンテンツ編集画面は、 詳細情報編集 ブログ編集 トップページ編集の[メッセージボード]で表示させることができます。

 

 タグを使った文字列の移動1

 

 タグを使った文字列の移動2 

1.コンテンツ編集画面で、HTMLタグ表示に切り替える。

 

 

 

 

 

2.下のタグを入力してから、イメージ表示に切り替える。
<marquee>aaa</marquee>


 タグを使った文字列の移動3 3.イメージ表示にテキスト枠が作成されたら、枠内の文字「aaa」を削除して、テキストを入力する。

 タグを使った文字列の移動4 4.文字列に修飾をして(文字色・大きさなど)コンテンツ編集画面を適用して閉じる。

 タグを使った文字列の移動5 5.編集画面を[登録]で終了してから、文字列の動きを確認する。

 

 

MARQUEEタグの応用編

 

6.テキストを上下左右や、繰り返し、スピードなどを設定することができます。

赤い文字は初期値(何も設定しなかった場合の値)
属性 機能 記述例
behavior scroll
slide
alternate
スクロールする
端で停止する
往復する
<MARQUEE behavior="scroll">
<MARQUEE behavior="slide">
<MARQUEE behavior="alternate">
direction left
right
up
down
右から左へ
左から右へ
下から上へ
上から下へ
<MARQUEE direction="left">
<MARQUEE direction="right">
<MARQUEE direction="up">
<MARQUEE direction="down">
scrollamount 数値(6) 1描画の移動値 <MARQUEE scrollamount="10">
loop 回数 繰り返す回数 <MARQUEE loop="2">
width 数値/% 横幅 <MARQUEE width="80%">
height 数値 縦幅 <MARQUEE height="200">
bgcolor 背景色 <MARQUEE bgcolor="red">
hspace 数値 左右の余白 <MARQUEE hspace="10">
vspace 数値 上下の余白 <MARQUEE vspace="5">

 

【使用例】

 

<MARQUEE bgcolor="blue" behavior="alternate">   

文字列を往復させることもできます!

</MARQUEE>

 

 

文字列を往復させることもできます! 

 

 

 


>> ページの先頭へ

 

 

>> WEBマニュアル目次へ

 


掲載日 平成25年3月27日 更新日 平成25年3月29日
アクセス数
オプション