WordPress网站B2主题美化之代码高亮+一键复制

代码一键复制功能代码-child.js文件 //文章页面高亮代码复制粘贴-https://www.39ip.cn for (var i = 0; i < $(".prettyprint").le

代码一键复制功能代码-child.js文件

//文章页面高亮代码复制粘贴-https://www.39ip.cn
for (var i = 0; i < $(".prettyprint").length; i++) {
    $(".prettyprint").eq(i).append('<span class="copy" data-clipboard-target="#copy'+ i +'">一键复制</span>');
    $(".prettyprint").eq(i).attr('id','copy'+ i);
}
var clipboard = new ClipboardJS('.copy');
clipboard.on('success', function(e) {
    //console.info(e.text); 提示
    e.clearSelection();
    e.trigger.innerHTML = "一键复制成功";
     e.trigger.disabled = true;
        setTimeout(function() {
            e.trigger.innerHTML = "一键复制";
            e.trigger.disabled = false;
        },
        2000);/**时长**/});
//文章页面高亮代码复制粘贴-https://www.jujige.com

代码一键复制美化代码-style.css文件

/**代码高亮-https://www.jujige.com**/
.entry-content pre:before {
content: '';
position: absolute;
top: 0;
left: 25px;
width: 15px;
height: 15px;
border-radius: 50%;
margin: 15px 25px;
background: #fdbc40;
}
ol.linenums:after {
content: '';
position: absolute;
top: 0;
left: 50px;
width: 15px;
height: 15px;
border-radius: 50%;
margin: 15px 25px;
background: #35cd4b;
}.entry-content pre:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fc625d;
margin: 15px 25px;
}.entry-content pre {
position: relative;
border-radius: 6px;
/**background: #21252b;**/padding-top: 50px;
box-shadow: 0px 8px 20px -10px #000;
}.entry-content pre .copy {
position: absolute;
top: 0;
right: 0;
margin: 10px 20px;
cursor: pointer;
color: #8224e3;
}
/**代码高亮-https://www.jujige.com**/

 

 

游客购买前最好先注册一个账号,防止订单丢失
如遇到订单丢失或者购买后商品内容不显示,请联系下面客服,将在第一时间给您处理
感兴趣的可以下载学习,严禁外传,资源失效请联系客服 QQ:704609453 微信:jutaoge999 补

给TA打赏
共{{data.count}}人
人已打赏
技术交流

7B2主题移动端底部导航美化

2024-11-30 22:11:06

技术交流

同一个服务器多个wordpress站点Redis对象缓存数据混乱

2024-12-14 22:35:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索