|
仿真左键链接菜单效果
请你点鼠标左键看一下@_@
将下面代码加入到你主页的<head></head>中间即可......
<STYLE type=text/css>
BODY {; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT:
0px; MARGIN-TOP: 0px
}; A {; COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none
}a:hover { color: #0000FF; font-size: 9pt }
; A:active {; COLOR: #0000FF; CURSOR: hand; FONT: 9pt "宋体"
}; A.cc:hover {; COLOR: #0000FF; CURSOR: hand; FONT: 9pt "宋体"
}; .box {; FONT: 9pt "宋体"; POSITION: absolute; }
</STYLE>
<SCRIPT language=javascript>
document.onclick = popUp
function popUp() {
newX = window.event.x + document.body.scrollLeft
newY = window.event.y + document.body.scrollTop
menu = document.all.itemopen
if ( menu.style.display == ""){
menu.style.display = "none" }
else {
menu.style.display = ""}
menu.style.pixelLeft = newX - 50
menu.style.pixelTop = newY - 50; }
</SCRIPT>
<TABLE class=box id=itemopen style="DISPLAY: none; width: 16px; height:
146px; left: 53px; top: 91px">
<TBODY>
<TR>
<TD height="2"> </TD>
</TR>
<TR>
<TD><img src="../images/menu.gif" width="75"
height="152" usemap="#Map" border="0" href="http://www.lntv.com.cn"></TD>
</TR>
<TR>
<TD height="2"> </TD>
</TR>
<TR>
<TD height="2"> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
</TBODY>
</TABLE>
注：这个菜单是调用了一个图片然后在图片上做链接而成的，你可以做一下比这个更大的图片或其它的图片以增强它的效果......
在这个菜单中的网站个数不受限制,你自己可以任意增加减少关键就看你的图片做的如何了.在此希望你可以给本站做链接,谢谢！！！