■ マウスを重ねるとリンク先の説明を表示NO2 ■
LinkNO1
リンクの説明1
LinkNO2
リンクの説明2
LinkNO3
リンクの説明3
LinkNO4
リンクの説明4
↓のタグソースを
<head>〜</head> 間に書き込んでください。
<SCRIPT LANGUAGE="JavaScript"> <!--// function link_coment(Link_kina){ document.getElementById(Link_kina).style.display="block"; document.getElementById(Link_kina).style.fontSize="16px"; //コメントのフォントサイズ document.getElementById(Link_kina).style.backgroundColor="#e0e0e0"; //ここで背景色を設定する document.getElementById(Link_kina).style.pixelWidth="200"; //表示する幅を設定する if((document.getElementById) && (!document.all)) { Link_kina=document.getElementById(Link_kina).style; Link_kina.visibility="visible"; } if(document.all) { document.all(Link_kina).style.display="block"; } } function link_coment2(Link_kina){ if((document.getElementById) && (!document.all)) { Link_kina=document.getElementById(Link_kina).style; Link_kina.visibility="hidden"; } if(document.all) { document.all(Link_kina).style.display="none"; } } //--> </Script>
↓のタグソースを
<body>〜</body> 間に書き込んでください。
<a href="http://リンク先アドレス1" onMouseOver=link_coment("L1") onMouseOut=link_coment2("L1")><font face="comic sans ms" size=3 color=#000000> LinkNO1</font></a> <font id="L1" style="display:none;position:absolute;color:#000000;">リンクの説明1</font> <br> <a href="http://リンク先アドレス2" onMouseOver=link_coment("L2") onMouseOut=link_coment2("L2")><font face="comic sans ms" size=3 color=#000000> LinkNO2</font></a> <font id="L2" style="display:none;position:absolute;color:#000000;">リンクの説明2</font> <br> <a href="http://リンク先アドレス3" onMouseOver=link_coment("L3") onMouseOut=link_coment2("L3")><font face="comic sans ms" size=3 color=#000000> LinkNO3</font></a> <font id="L3" style="display:none;position:absolute;color:#000000;">リンクの説明3</font> <br> <a href="http://リンク先アドレス4" onMouseOver=link_coment("L4") onMouseOut=link_coment2("L4")><font face="comic sans ms" size=3 color=#000000> LinkNO4</font></a> <font id="L4" style="display:none;position:absolute;color:#000000;">リンクの説明4</font>
● リンク項目を増やす場合は、
id="" , link_coment("") , link_coment2("")
の箇所を それぞれ書き換えてください
● style="display:none;position:absolute;color:#000000;
このcolorのところで、コメントの説明の文字色を決めてください。
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送