信息

【技术分享】好看的网站右键菜单及F12美化

具体效果:

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>
<!-- 右键美化结束 -->

 

—非原创

阅读剩余
文章版权声明 1、本网站名称:安鹿轩
2、本站永久网址:https://www.anlu1314.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系在本站私信站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

THE END
    协助本站(安鹿轩)seo优化一下,谢谢!
    关键词不能为空