リンクグラデーション   ソース    赤字削除変更不可青字設定箇所、グレーは必要のない部分(解説)です。




<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>MENU</TITLE>
<STYLE type="text/css">
.time{behavior: url(#default#time2);}
A{background-color:black;}
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>


<BODY bgcolor="#000000" vlink="#0000ff" text="#ffffff">
MENU<BR><BR>
■<A href="#" id="al0">TOP</A>
<t:animateColor targetElement="al0" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al0.mouseover" end="al0.mouseout" /><BR><BR>

■<A href="#" id="al1">Main Contents</A>
<t:animateColor targetElement="al1" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al1.mouseover" end="al1.mouseout" /><BR><BR>

■<A href="#" id="al2">Sub Contents</A>
<t:animateColor targetElement="al2" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al2.mouseover" end="al2.mouseout" /><BR><BR>

■<A href="#" id="al3">Guest Book</A>
<t:animateColor targetElement="al3" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al3.mouseover" end="al3.mouseout" /><BR><BR>

■<A href="#" id="al4">Diary</A>
<t:animateColor targetElement="al4" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al4.mouseover" end="al4.mouseout" /><BR><BR>

■<A href="#" id="al5">Profile</A>
<t:animateColor targetElement="al5" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al5.mouseover" end="al5.mouseout" /><BR><BR>

■<A href="#" id="al6">Links</A>
<t:animateColor targetElement="al6" attributeName="background-color" values="red;gold;yellow;lime;green;aqua;blue;purple;deeppink;white;" dur="5" autoReverse="true" repeatCount="indefinite" begin="al6.mouseover" end="al6.mouseout" />

</BODY>
</HTML>