• ベストアンサー

リンクに触れると

http://www.jamesbourne.org/ のAffiliatesのようにリンクや画像に触れるとクッキリでてくるタグを教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
noname#107580
noname#107580
回答No.4

こんにちは! まず、<head>内に <script language="JavaScript1.2"> function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) if (which2.style.MozOpacity) which2.style.MozOpacity=0.3 else if (which2.filters) which2.filters.alpha.opacity=30 } function highlightit(cur2){ if (cur2.style.MozOpacity<1) cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1 else if (cur2.filters&&cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> を入れます。 画像のソースに <img src="aaa.jpg" width="160" height="300"> 次を追加します。 style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)" こうなります。 <img src="aaa.jpg" width="160" height="300" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)"> となっています・・

その他の回答 (3)

  • tomo42
  • ベストアンサー率25% (3/12)
回答No.3

Affiliatesは、下線もありませんね。 この場合<head></head>の間に <STYLE type="text/css"> <!-- A:link {text-decoration:none ; color:#******} A:visited {text-decoration:none ; color:#******} A:active {text-decoration:none ; color:#******} A:hover {color:#******} --> </STYLE> インフォシークのリンクのテクニックを参考にしてみてください。他のテクもおもしろいです。

参考URL:
http://iswebmag.hp.infoseek.co.jp/sample079.html
回答No.2

フィルターをかけたテーブルの中に リンクを張った画像を入れると カーソルが上に来た時、画像がくっきりするらしいです。 <head></head>の間に <style type=text/css> <!-- A:HOVER{position : relative;} --> </STYLE> <body></body>の間に <TABLE style="filter:Alpha(opacity=数字,enabled=数字)"> <TBODY> <TR><TD><A href="リンクアドレス"><IMG src="画像アドレス" width="幅" height="高さ" border="0"></A></TD> </TR></TBODY> </TABLE> 下記サイトに載っています.

参考URL:
http://www002.upp.so-net.ne.jp/littledear/
kanko1101
質問者

お礼

ありがとうございます。 でもですね、なんというかゆっくり画像がでてくるようにしたいんです・・。 難しいことをいってすみません。

noname#9780
noname#9780
回答No.1

以下をヘッド内にいれてください。 ちなみにリンクされてるものだけが色がかわります <style type="text/css"> <!-- A:link { color:#000000;} A:visited { color:#000000;} A:active { color:#FF0000;} A:hover { color:#FF0000;} --> </style>

関連するQ&A

専門家に質問してみよう