ﾎｰﾑ へ　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾎﾊﾞｰﾎﾞﾀﾝ 2a　　　　　　hvbt2a.htm

画像/ﾎﾞﾀﾝのﾏｳｽｵｰﾊﾞｰ/ｸﾘｯｸで、画像の変化/ｻｳﾝﾄﾞ/ﾘﾝｸｻｲﾄｵｰﾌﾟﾝができる、”ﾎﾊﾞｰﾎﾞﾀﾝ” です。　〔｀。´ 〕　　　　中央配置、1列１行、罫線幅0の表に、嵌めています。 　　　　　Java Applet　　　　ｺﾋﾟｰ、編集し、簡単にご自分のWebで応用可。　　　all 対応。

ﾃﾞﾓは、左下のｽﾃｲﾀｽﾊﾞｰの、『ｱﾌﾟﾚｯﾄは開始しました、……、ﾍﾟｰｼﾞが表示されました』　の”準備完了！”を待ってから。　　　16個のｻｳﾝﾄﾞﾌｧｲﾙの読み込みに時間が……。(-."-;)

　

　・　ﾛｰｶﾙ（=PC）への保存は、hvbt2a.htm、fphoverx.class、fphover.class、 ImageAudio.class、Z17A1L_sl.jpg、hvbt2.htm の babam1.au（以下ｻｳﾝﾄﾞﾌｧｲﾙ、任意。）、bigban.au、dooo.au、doshiii.au、goooo.au、guwaran.au、illegal.au、kokeko.au、machin.au、nnmoo.au、oomph.au、open.au、pii.au、piroro.au、put.au、select.au、select2.au、sho.au、sonar.au、spacevoice.au、wave.au、zudon.au などを右ｸﾘｯｸします。　　　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　

　・　このJava Appletの実装方法は、hvbt2a.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <head>　〜　</head> の任意の行間に (*1)を、さらに <body>　〜　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。 　　　　<applet code=　から　</applet>　までのJava Appletを選択します。 

･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。　　　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x〜 などで開いて。　　　　更新の確認は、ie、Safariやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*..class と、AUｻｳﾝﾄﾞ（*.au、*.snd） なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

　･　関連情報 ： 色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、IE7、IE6、XML、DHTML。

(*1) ：　　hvbt2.htm （例）　　　　　　　　　挿入先の 　<head> 〜 </head>　の、〜 部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕  　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

　

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　ホバーボタン 2a</title>

　

(*1) ：　hvbt2a.htm　（例）　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
この列ﾍﾟｰｽﾄ不要〕

背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

中央配置、1列１行、罫線幅0の表 - 1/2

　

　

　

　

（Java Applets開始）ﾎﾞﾀﾝｻｲｽﾞ

文字色

ﾎﾊﾞｰ効果（ｸﾞﾛｰ）　※：効果の種類

ﾘﾝｸ先のURL

　

ﾎﾞﾀﾝ色　※：色記号の獲得、2

表示文字

　

書体

文字ﾞｻｲｽﾞ

新しいWinで開く

ﾎﾊﾞｰ効果ｻｳﾝﾄﾞ

ｸﾘｯｸ時ｻｳﾝﾄﾞ

ﾎﾊﾞｰ効果色

（Java Applets終わり）

（以下同様）

　

　

（Java Applets開始）ﾎﾞﾀﾝｻｲｽﾞ

ﾎﾊﾞｰ効果（ｸﾞﾛｰ）

ﾘﾝｸ先のURL

ﾎﾞﾀﾝ文字

　

文字ｻｲｽﾞ

文字色

書体

新しいWinで開く

ﾎﾊﾞｰ効果色

ﾎﾞﾀﾝ色

（Java Applets終わり）

（以下同様）

　

　

（Java Applets開始）ﾎﾞﾀﾝｻｲｽﾞ

ﾎﾊﾞｰ効果（凹み）

ﾎﾞﾀﾝ文字

ﾘﾝｸ先のURL

　

文字ｻｲｽﾞ

文字色

ﾎﾞﾀﾝ色

書体（斜体）

新しいWinで開く

ﾎﾊﾞｰ効果色

（Java Applets終わり）

（以下同様）　説明文

　

中央配置、1列１行、罫線幅0の表 - 2/2

 <p>　</p>

<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">

<tr>

<td width="100%" align="center">

　

<applet code="fphover.class" codebase="./" width="100" height="25">

<param name="textcolor" value="#FEFB92">

<param name="effect" value="glow">

<param name="url" value=" firework.htm"

valuetype="ref">

<param name="color" value="#8500DD">

<param name="text" value="花火　＼^o^／">

<param name="font" value="Dialog">

<param name="fontstyle" value="bold">

<param name="fontsize" value="12">

<param name="target" value="_blank">

<param name="hoversound" value="zudon.au" valuetype="ref">

<param name="sound" value="sho.au" valuetype="ref">

<param name="hovercolor" value="#FE5865">

</applet>

　

====　ｺﾒﾝﾄ：　この間説明の記述を省略。　全HTMLは、 hvbt2a.htm をｴﾃﾞｨﾀｰで参照してください。　========

　

<applet code="fphover.class" codebase="./" width="100" height="25">

<param name="effect" value="glow">

<param name="url" value="http://www.rising.ne.jp/web/f_menu.html" valuetype="ref">

<param name="text" value="ライジングネット">

<param name="font" value="Dialog">

<param name="fontsize" value="12">

<param name="textcolor" value="#FFD5FF">

<param name="fontstyle" value="bold">

<param name="target" value="_blank">

<param name="hovercolor" value="#EE0047">

<param name="color" value="#756455">

</applet>

　

====　ｺﾒﾝﾄ：　この間説明の記述を省略。　全HTMLは、 hvbt2a.htm をｴﾃﾞｨﾀｰで参照してください。　========

　

<applet code="fphover.class" codebase="./" width="140" height="25">

<param name="effect" value="bevelIn">

<param name="text" value="QuickTime Showcase">

<param name="url" value="http://www.apple.com/quicktime/showcase/" valuetype="ref">

<param name="font" value="Dialog">

<param name="fontsize" value="12">

<param name="textcolor" value="#F7FFC6">

<param name="color" value="#8B00DF">

<param name="fontstyle" value="boldItalic">

<param name="target" value="_blank">

<param name="hovercolor" value="#6600B9">

</applet>

　

</td>

</tr>

</table>

</center>

</div>

効果の種類 ：　ｸﾞﾛｰ= "glow"　　反転ｸﾞﾛｰ= "reverseGlow"　　塗りつぶし= "fill"　　ﾐｯｸｽ= "average"　　　凸きだし= "bevelOut"　　　凹み= "bevelIn"　

　

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。