画像をスクロール

を付けるにはどうするの?? HTMLの基本をお勉強しよう♪(^0^)ノ°。 【HP Q&A】
ホームページ作成支援の【HP Q&A】

画像をスクロール

当サイトは、ホームページを作る為の基本から
ホームページを使った応用技などをを紹介しています。

ホームページ作りのお役に立てれば幸いでございますです

TOPに戻る

「ホームページ」って何?
画像を動かしちゃおう!!




表示させたい画像の「画像名」、「横幅」、「縦幅」をそれぞれ下記に入力します。

<img src="表示させたい画像 " width="画像の横幅" height="画像の高さ">


こちらで使わせて頂いている画像は全て、ATP's 素材置き場さんからお借りしてきました。


HTML文書

  右から左に流れます
<marquee>
<img src="panda_19.gif" width="34" height="25">
</marquee>

ブラウザ表示




HTML文書

  左から右に流れます
<marquee direction="right">
<img src="duck_17.gif" width="27" height="23">
</marquee>

ブラウザ表示




HTML文書

  左右に流れます
<marquee behavior="alternate">
<img src="panda_29.gif" width="26" height="19">
</marquee>

ブラウザ表示




HTML文書

  上から下に流れます
<marquee direction="down" scrollAmount="3" width="100" height="100">
<img src="panda_24.gif" width="26" height="37">
</marquee>

scrollAmount="3"は動くスピードです。
height="100は動かす縦幅です。

ブラウザ表示




HTML文書

  下から上にに流れます
<marquee direction="up" scrollAmount="3" width="100" height="100">
<img src="robot_05.gif" width="35" height="41">
</marquee>

scrollAmount="3"は動くスピードです。
height="100は動かす縦幅です。

ブラウザ表示




HTML文書

  上下に動きます
<marquee behavior="alternate" direction="up" scrollAmount="7" width="100" height="50">
<img src="ball_12.gif" width="31" height="31">
</marquee>

scrollAmount="7"は動くスピードです。
height="50は動かす縦幅です。

ブラウザ表示




HTML文書

  ゆらゆらと上下に動きながら左から右に流れます
<marquee behavior="alternate" direction="up" height="50"><marquee direction="right"><img src="ghost_02.gif" width="27" height="23"></marquee></marquee>



ブラウザ表示




小技編TOPへ
このサイトに掲載されている記事・写真・図表などの無断転載を禁じます。
Copyright (C) ホームページ作成支援の【HP Q&A 】】 All Rights Reserved