画像リンクの活用

リンク設定された<img>タグに、透明フィルタと色反転フィルタを活用。
IE4～のみ対応。

HTML Source......................................................................>>>

<link rel="stylesheet" href="../style1.css" type="text/css">
<style TYPE="text/css">
<!--
 A:link img{width:70;border:none;filter:alpha(opacity=60);}
 A:hover img{filter:alpha(opacity=100) invert();}
-->
</style>
</head>
<body>
<DIV align="center">
<TABLE border="0" cellspacing="0" cellpadding="0"><TR>
 <TD align="center"><A href="../index.htm" target="_top">
   <IMG src="../../images/linkhome.gif" alt="ﾎｰﾑﾍﾟｰｼﾞ(index.htm)" 
        width="80" height="20"></A></TD>
 <TD><A href="../japplet.htm" target="_top">
   <IMG src="../../images/linkjaap.gif" alt="Java Appletｻﾝﾌﾟﾙ集" 
        width="80" height="20"></A></TD>
 <TD align="center"><A href="../javasc/index.htm" target="_top">
   <IMG src="../../images/linkjasc.gif" alt="Java Scriptｻﾝﾌﾟﾙ集" 
        width="80" height="20"></A></TD>
 <TD><A href="../vbs/index.htm" target="_top">
   <IMG src="../../images/linkvb.gif" alt="VB Scriptｻﾝﾌﾟﾙ集" 
        width="80" height="20"></A></TD>
 <TD><A href="../mylink.htm" target="_top">
   <IMG src="../../images/linklink.gif" alt="お薦めLink集" 
        width="80" height="20"></A></TD>
 <TD align="center"><A href="../etc/index.htm" target="_top">
   <IMG src="../../images/linketce.gif" alt="その他の情報" 
        width="80" height="20"></A></TD>
</TR></TABLE>
</DIV>

end(01/11/22)