Javascript shortcut menu implementation method, javascript pop-up menu
This article describes how to implement a menu by right-clicking a javascript custom menu. Share it with you for your reference. The specific implementation method is as follows:
<Head runat = "server"> <title> No title page </title> <script type = "text/javascript"> var oPopup = window. createPopup (); function PopMenu (id) {var oPopBody = oPopup.doc ument. body; oPopBody. style. backgroundColor = "buttonface"; oPopBody. style. border = "solid black 1px"; var TableBegin = "<table style = \" border: 0; width: 100%; font-size: 12px; \ "cellpadding = \" 0 \ "cellspacing = \" 0 \ ">"; var Tr1 = "<tr> <td valign = \" middle \" Style = \ "height: 20px; \" onmousemove = \ "this. bgColor = 'highlight'; this. style. color = 'highlighttext' \ "onmouseout = \" this. bgColor = ''; this. style. color = ''\" onclick = \ "parent. window. open ('/news/view. asp? Id = "+ id +" '); \ "> View news </td> </tr> "; var TrBr1 = "<tr> <td style = \" background-color: ThreeDShadow; height: 1px; \ "> </td> </tr> "; var Tr2 = "<tr> <td valign = \" middle \ "style = \" height: 20px; cursor: hand; \ "onmousemove = \" this. bgColor = 'highlight'; this. style. color = 'highlighttext' \ "onmouseout = \" this. bgColor = ''; this. style. color = ''\" onclick = \ "parent.doc ument. frames ['main']. location = 'divdiv. aspx? Id = "+ id +"; '\ "> View news </td> </tr>"; var TableEnd = "</table>"; oPopBody. innerHTML = TableBegin + Tr1 + TrBr1 + Tr2 + TableEnd; oPopup. show (event. x, event. y, 90, 41, document. body); return false ;} </script>
I hope this article will help you design javascript programs.