画像は見本です。(^0_0^)この方が楽しい!!、htmlタグの勉強です。ホームページの制作にチョットした工夫を!!!

見本がチョット(@_@;) エッチだったかな・・・・・・・・これだけ動かすとチョット重い

Anfyさんのページからアプレットコード引用 防腐剤のホームページさんから引用
マウスを乗せると画像が変わります。 画像が上下に動く

スライドショー 写真を動かしてみよう
Sorry, your browser doesn't support Java(tm).

Anfy2で簡単作成

ホームページを飾るスタイル見本 6点 ・・・・・

----------------------------------------------

画像の変化 <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 開いてソースをコピーして使ってね。