js实现漂亮的猫咪右键弹出菜单效果代码-html代码-BFW代码库

代码语言：html

代码描述：js实现漂亮的猫咪右键弹出菜单效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>右键菜单栏</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        a {
            text-decoration: none;
        }
        ul {
            list-style: none;
        }

        html,body {
            background: #5e7ba3;
        }
        #menu {
            position: absolute;
            width: 200px;
            height: 277px;
            border: 3px solid #ff88e2;
            border-radius: 5px;
            display: none;
            backface-visibility: hidden;
        }

        #menu ul li {
            position: relative;
            height: 45px;
            transition: 0.5s
        }
        #menu ul li div.icon {
            position: absolute;
            left: 5px;
            top: 5px;
            width: 40px;
            height: 35px;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABGCAYAAADyxhn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzhGMDJDQ0FFMjcxMUU3OUM2N0E3MjMwOUY5OTUzRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzhGMDJDREFFMjcxMUU3OUM2N0E3MjMwOUY5OTUzRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3OEYwMkNBQUUyNzExRTc5QzY3QTcyMzA5Rjk5NTNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3OEYwMkNCQUUyNzExRTc5QzY3QTcyMzA5Rjk5NTNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N6DDXgAAIM5JREFUeNrsXQl8FdXV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.........完整代码请登录后点击上方下载按钮下载查看