[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
filter="alpha(opacity=100)"を用いて透明度を設定することで
画像にマウスオンしたとき透明度を変える。
-----------------------------
onmouseover="this.style.filter='alpha(opacity=50)'"
onmouseout="this.style.filter='alpha(opacity=100)'"
-----------------------------
これをimgタグに追加する。
※透明度が一番高いのが「opacity=0」
※不透明なのが「opacity=100」
（1刻みで指定できる）
セルにも適用できる。
参考サイトはこちら。
HTML内の記載したい場所に下記のタグを記載する。
----------------
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.co.jp/search">
<input id="input-text" type="text" name="q" size="31" maxlength="255" value="" />
<input id="image-btn" name="btnG" type="submit" value="" alt="検索" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="domains" value="www.●●●.jp" />
<input type="hidden" name="sitesearch" value="www.●●●.jp" />
</form>
<!-- SiteSearch Google -->
----------------
★入力フィールドの幅変更はsize="31"の31を適当な値に変更。
★検索エンジンがGoogleの場合です。
★<input id="input-text" type="text" name="q" size="31" maxlength="255" value="" />
テキストボックスの位置はCSSで指定できる。
#input-text { margin: ●px ●px ●px ●px; }
★「検索」ボタンを画像にした場合は
<input id="image-btn" name="btnG" type="submit" value="" alt="検索" />
の「id="image-btn"」はCSSで以下のように記載。
#image-btn {
border: 0px;
width: ●●px;
height: ●●px;
background: url(●●●●.jpg) left top no-repeat;
}
★<input type="hidden" name="ie" value="Shift_JIS">
↑ Googleが受け取る文字コード
★<input type="hidden" name="oe" value="Shift_JIS">
↑ 検索結果を出力する文字コード
★<input type="hidden" name="hl" value="ja" />
↑ 英語サイトでは「value="en"」に書き換える
こちらのサイトがわかりやすいです。
