ＤＨＴＭＬ研究室

Back to Title Page(OpenLab)タイトルページへ戻る

ＤＨＴＭＬでイメージを変更する。.

　マウスカーソルの動きで表示するイメージに変化を持たせます。スクリプトにＪａｖａＳｃｒｉｐｔを使用しています。また、フィルターとして、ＤＨＴＭＬのビジュアルフィルターを使用しています。

マウスを下のグラフィクスの上に合わせたり離したりして見てください。

上のＤＨＴＭＬ部分のソースコードです。

< img src="Japanese.gif" style="filter: alpha(opacity=50)"
onmouseover="style_change(this,50)" onmouseout="style_change(this,-50)"
width="100" height="16" alt="Language">
<script language="JavaScript">
function style_change(obj,d){
obj.filters.alpha.opacity += d;
}
</script>