具体效果:
![图片[1]-【技术分享】好看的网站右键菜单及F12美化-安鹿轩](https://alxtuchang-1300698510.cos.ap-nanjing.myqcloud.com/img/202305010005073.png)
CSS和JS
网站头部新增如下代码(Joe主题在/usr/themes/Joe/public/include.php)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-i/chenyu/css/chenyuyj.min.css" />
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2611504_8nq4wp1bmb3.css" />
<script src="https://cdn.jsdelivr.net/gh/cy-i/chenyu/js/ysnino6.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cy-i/chenyu/js/chenyuyj.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cy-i/chenyu/js/layer/layer.js"></script>
注:
如果你的网站没有jquery.min.js
请再加一行:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
2.正文代码
网站正文<body>……</body>之间或foot文件里新增如下代码:
<!-- 右键美化 -->
<div class="usercm" style="left: 199px; top: 5px; display: none;">
<ul>
<li><a href="https://chenyu.me/"><i class="cyicon chenyu-rhome-fill"></i><span>首页</span></a></li>
<li><a href="javascript:void(0);" onclick="getSelect();"><i class="cyicon chenyu-fuzhi"></i><span>复制</span></a></li>
<li><a href="javascript:history.go(1);"><i class="cyicon chenyu-go"></i><span>前进</span></a></li>
<li><a href="javascript:history.go(-1);"><i class="cyicon chenyu-backward"></i><span>后退</span></a></li>
<li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="cyicon chenyu-shuaxin"></i><span>刷新</span></a></li>
<li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="cyicon chenyu-baidu"></i><span>百度</span></a></li>
<li style="border-bottom:1px solid gray"><a href="javascript:void(0);" onclick="googleSearch();"><i class="cyicon chenyu-google1"></i><span>谷歌</span></a></li>
<li><a href="https://www.anlu1314.com/"><i class="cyicon chenyu-service-Fill"></i><span>安鹿</span></a></li>
</ul>
</div>
<!-- 右键美化结束 -->
—非原创
暂无评论内容