如何将JS自定义右键菜单实现代码改写为长尾关键词？

本文共计743个文字，预计阅读时间需要3分钟。

今天来分享一个关于自定义右键菜单的小demo，抛砖引玉。

首先，我们要用CSS和HTML制作一个自定义右键菜单。

自定义右键菜单HTML代码： 功能1 功能2

CSS样式可以根据需要自定义。

今天来讲一个关于右键菜单的小demo，抛砖引玉。

首先，我们要用css和html做一个自定义右键菜单。

<!--自定义右键菜单html代码--> <div id="menu"> <div class="menu">功能1</div> <div class="menu">功能2</div> <div class="menu">功能3</div> <div class="menu">功能4</div> <div class="menu">功能5</div> </div>

/*css代码*/ #menu{ width: 0; /*设置为0 隐藏自定义菜单*/ height: 125px; overflow: hidden; /*隐藏溢出的元素*/ box-shadow: 0 1px 1px #888,1px 0 1px #ccc; position: absolute; /*自定义菜单相对与body元素进行定位*/ } .menu{ width: 130px; height: 25px; line-height: 25px; padding: 0 10px; }

现在我们已经有了自定义菜单，还需要一个很重要的事件 contextmenu。