見本がチョット(@_@;) エッチだったかな・・・・・・・・これだけ動かすとチョット重い
| マウスを乗せると画像が変わります。 | 画像が上下に動く | ||
![]() |
|||
| スライドショー | 写真を動かしてみよう | ||
|
Anfy2で簡単作成 |
|
| 画像の変化 | <img src="最初に表示する画像のアドレス" border="0" onMouseOver="this.src='触ったときの画像のアドレス'" onMouseOut="this.src='離れたときの画像のアドレス'"> | ||
| 画像のスクロール | <marquee direction="UP"scrollamount="2" loop="-1" width="500" height="80"><img src="画像のアドレス"></marquee> | ||
| 写真・文字を動かす | <marquee scrollamount="2"><IMG src="画像のアドレス"></marquee> <marquee scrollamount="2">ここに文字を!</marquee> scrollamount="2"の数字を変えると速度が変化 |
||
| 背景画像の配置 | <style> <!-- body {background:url(画像のアドレス) fixed; background-position:right bottom; background-repeat:no-repeat;} --> </style> |
||
| スクロールバー の色 |
<style> <!-- body { scrollbar-face-color: 色番号; scrollbar-highlight-color: 色番号; scrollbar-shadow-color: 色番号; scrollbar-3dlight-color: 色番号; scrollbar-arrow-color: 色番号; scrollbar-darkshadow-color: 色番号; scrollbar-base-color: 色番号;} --> </style> |
||
| このページの バーの色 |
<style> <!-- body { scrollbar-face-color: white; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffccff; scrollbar-3dlight-color: #ffccff; scrollbar-arrow-color: #ffccff; scrollbar-darkshadow-color: #ffffff; scrollbar-base-color: white;} --> </style> |
||
| このページの スライドショー bookflip.class bookflip.jar この2つのファイル が必要 画像のサイズは 全て同じに!! |
<TD> <APPLET archive="bookflip.jar" code="bookflip.class" width="330" height="247"> <param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)"> <param name="res" value="1"> <param name="image1" value="Misaki101.jpg"> //画像ファイル <param name="link1" value="NO"> <param name="statusmsg1" value=""> <param name="flip1" value="6"> //めくれ上がる方向 <param name="image2" value="Misaki102.jpg"> <param name="link2" value="NO"> <param name="statusmsg2" value=""> <param name="flip2" value="6"> //・・・・・・・ //・・・・・・・画像の数だけ //・・・・・・・ <param name="image12" value="Misaki112.jpg"> <param name="link12" value="NO"> <param name="statusmsg12" value=""> <param name="flip12" value="6"> //画像はココまで <param name="speed" value="3"> //めくれ上がる時間 <param name="pause" value="3000"> //静止時間 <param name="extrah" value="0"> <param name="flipcurve" value="10"> <param name="shading" value="0"> <param name="backR" value="64"> <param name="backG" value="96"> <param name="backB" value="160"> <param name="overimg" value="NO"> <param name="overimgX" value="0"> <param name="overimgY" value="0"> <param name="regcode" value="NO"> <param name="regnewframe" value="NO"> <param name="regframename" value="_blank"> <param name="memdelay" value="1000"> <param name="priority" value="3"> <param name="MinSYNC" value="10"> Sorry, your browser doesn't support Java(tm). </APPLET> </TD> |
||
| こんなスライドショーも |
|
13個の.classファイルが必要。ここに圧縮ファイルで置きます。 http://hitohito.org/htm/kaikai/kaikai2.htm 開いてソースをコピーして使ってね。 |
|
|