一个非常漂亮的鼠标左键弹出菜单 |
|
<HTML>
<HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> function document_onclick() { PopMenu1.style.left = window.event.offsetX + window.document.body.scrollLeft - 10 PopMenu1.style.top = window.event.offsetY + window.document.body.scrollTop - 10 PopMenu1.style.display = "block" } function MenuItem_onclick(MenuItem) { alert("You click " + MenuItem.id + "!") PopMenu1.style.display = "none" window.event.cancelBubble = true } function MenuItem_onmouseover(MenuItem) { MenuItem.style.color = PM_AFC MenuItem.style.backgroundColor = PM_ABC } function MenuItem_onmouseout(MenuItem) { MenuItem.style.color = PM_FGC MenuItem.style.backgroundColor = PM_BGC } function PopMenu1_onmousemove() { window.event.cancelBubble = true } function document_onmousemove() { PopMenu1.style.display = "none" } function writePopMenu() { var i document.write("<DIV id=PopMenu1 style="BACKGROUND-COLOR: " + PM_BGC + ";") document.write(" COLOR: " + PM_FGC + "; DISPLAY: none; LEFT: 0px; TOP: 0px;") document.write(" WIDTH: 50px; HEIGHT: 50px; POSITION: absolute;"") document.write(" onmousemove="return PopMenu1_onmousemove()">") for(i=0; i<PopMenu.length; i++) { document.write(" <SPAN id=MenuItem" + i + " style="BACKGROUND-COLOR: " + PM_BGC + ";") document.write(" COLOR: " + PM_FGC + "; CURSOR: hand" LANGUAGE=javascript") document.write(" onmouseover="return MenuItem_onmouseover(MenuItem" + i + ")"") document.write(" onmouseout="return MenuItem_onmouseout(MenuItem" + i + ")"") document.write(" onclick="return MenuItem_onclick(MenuItem" + i + ")"> ") document.write(PopMenu[i] + "</SPAN>") document.write("<BR>") } document.write("</DIV>") } </SCRIPT> <SCRIPT LANGUAGE=javascript FOR=document EVENT=onclick> document_onclick() </SCRIPT> <SCRIPT LANGUAGE=javascript FOR=document EVENT=onmousemove> document_onmousemove() </SCRIPT> <SCRIPT LANGUAGE=javascript> var PopMenu = new Array() var PM_BGC = "lightblue" var PM_FGC = "black" var PM_AFC = "red" var PM_ABC = "lightskyblue" PopMenu[0]="MenuItem0" PopMenu[1]="MenuItem1" PopMenu[2]="MenuItem2" PopMenu[3]="MenuItem3" writePopMenu() </SCRIPT> </HEAD> <BODY> <P>鼠标左键单击页面弹出菜单</P> </BODY> </HTML> |