资源站同款-子比主题美化 – 侧边随机小姐姐

美图

简要

一开始打算做成小工具，我想一想还是算了，就一个接口可以填，而且小工具很多人不是很会怎么部署，这个随机小姐姐是代码直接可以实现，可以展开而且可以关闭的一个随机小姐姐的侧边的小东西

教程

本文隐藏内容

跟着我的步骤来，不会有错，很简单，这个代码就一个代码，没有别的，直接放进就行

我们到：后台–>>外观–>>小工具–>>自定义HTML，将下面的代码放到：自定义HTML里面，然后放到你要放到位置，我放到了文章侧边栏

<div class=“xiaojiejie”><style>#player { margin: 1px auto; max-width: 100%; border-radius: 10px; display: block; } #xjjsp { display: none; } #ckxjj,#gbxjj { width: 100%; height: 40px; border: none; background-color: #409eff; color: #fff; margin-top: 1px; border-radius: 5px; font-size: 18px; cursor: pointer; transition: 0.2s; } #ckxjj:hover,#gbxjj:hover { background-color: #9fbfee; } .kzsp { width: 100%; display: flex; justify-content: space-between; } .kzsp>button { border: none; height: 40px; padding: 0 30px; font-size: 16px; background-color: #409eff; border-radius: 10px; color: #fff; transition: 0.3s; cursor: pointer; } .kzsp>button:active { background-color: #e25a00; }</style>

<button type=“button” id=“ckxjj”>点我看小姐姐视频</button>

</div>

</div>

var player = document.getElementById(‘player’);

var bind = function (element, event, callback) {

return element.addEventListener(event, callback);

};

var sp = 0;

$(document).ready(function () {

$(‘#ckxjj’).click(() => {

$(‘#ckxjj’).hide();

$(‘#xjjsp’).show();

if (sp == 0) {

randomm();

sp = null

}

player.onerror = () => {

randomm()

}

player.play();

});

$(‘#gbxjj’).click(() => {

$(‘#ckxjj’).show();

$(‘#xjjsp’).hide();

player.pause();

})

});

var get = function (id) {

return document.getElementById(id);

};

var auto = true;

// 生成播放视频

function randomm() {

player.src = ‘http://v.nrzj.vip/video.php’;

player.play();

};

bind(get(‘next’), ‘click’, randomm);

bind(get(‘switch’), ‘click’, function () {

auto = !auto;

this.innerText = ‘连续：’ + (auto ? ‘开’ : ‘关’);

});

bind(player, ‘ended’, function () {

if (auto) randomm();

});

player.pause();

</script>

</div>

</section>

以上代码里面的这个链接https://api.yujn.cn/api/zzxjj.php?type=video，是随机小姐姐接口，我已经放里面了，如果你自带接口可替换，没有接口就直接放里面即可！！

Ctrl+D收藏我们

部分内容来自于网络如有不妥联系站长删除！

本站用户发帖仅代表本站用户个人观点，并不代表本站赞同其观点和对其真实性负责。

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负！

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。

如果用于其他用途，请购买正版支持作者，谢谢！若您认为「CHUANGFUYE.COM」发布的内容若侵犯到您的权益，请联系站长邮箱:554286@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。