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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") no-repeat;
        }

        #menu ul.up li:nth-child(1) div.icon {
            background-position: 0 0;
            transition: 0.3s
        }
        #menu ul.up li:nth-child(2) div.icon {
            background-position: -40px 0;
            transition: 0.3s
        }
        #menu ul.up li:nth-child(3) div.icon {
            background-position: -80px 0;
            transition: 0.3s
        }

        #menu ul.down li:nth-child(1) div.icon {
            background-position: -120px 0;
            transition: 0.3s
        }
        #menu ul.down  li:nth-child(2) div.icon {
            background-position: -160px 0;
            transition: 0.3s
        }
        #menu ul.down  li:nth-child(3) div.icon {
            background-position: -200px 0;
            transition: 0.3s
        }

        #menu ul li p {
            position: absolute;
            left: 60px;
            width: 50%;
            font-size: 18px;
            color: rgba(255,255,255,0.8);
            line-height: 45px;
            text-align: center;
            transition: 0.8s
        }
        #menu div.line {
            height: 1px;
            width: 90%;
            background: #ff88e2;
            margin: 3px 10px;
        }

        #menu ul li:hover {
            background: rgba(199, 154, 255, .2);
        }
        #menu ul li:hover p {
            color: #ff88e2;
            text-shadow: #4e063a 2px 1px 2px;
        }

        #menu ul.up li:nth-child(1):hover div.icon {
            background-position: 0 -35px;
        }
        #menu ul.up li:nth-child(2):hover div.icon {
            background-position: -40px -35px;
        }
        #menu ul.up li:nth-child(3):hove.........完整代码请登录后点击上方下载按钮下载查看