1. 申请权限
首先给自己的博客园设置,申请js权限,这个教程可以去搜。
2. 打开网页版网抑云音乐
点击一首你喜欢的歌进入 , 然后点击生成外链播放器
然后复制代码:
进入到自己的博客园设置页面
我是将代码粘贴在侧边栏,但是将iframe标签换成embed自闭合标签,然后自己调一下位置就可以了 auto = 1 是自动播放
这样就出现了单曲的音乐播放器(但是chrome浏览器不支持自动播放,所以设置auto = 1无效的)
其他
如果你也觉得有点意思,想把自己的博客园花里胡哨一点,还有一些小tips
1.想设置背景图片,字体等什么的,你可以在设置的页面定制css里面去随意发挥,找dom节点可以f12或者右键点击检查去找对应的id名称,或者class名,或标签名。之后根据这些名称在css里面设置背景,字体等。只需要用到一点点css知识就可。
2.想拥有以下特效可以直接粘贴代码
(1)鼠标图标
body {
cursor: url('https://blog-static.cnblogs.com/files/lucas--liu/cat13.ico'), auto;
background-color: #bedff1;
}
(2) 首页HTML代码
<p id="back-top" style="display:none" title="回到页面顶部"><a href="#top"><span></span></a></p>
<!-- 回到顶部 -->
<style>
#back-top {
position: fixed;
bottom: 5rem;
right: 5rem;
z-index: 10;
}
#back-top span {
width: 50px;
height: 64px;
display: block;
background: url(http://images.cnblogs.com/cnblogs_com/seanshao/855033/o_rocket.png) no-repeat center center;
}
#back-top a {
outline: none
}
</style>
<script type="text/javascript">
$(function () {
// 默认是隐藏“回到顶部”按钮
$("#back-top").hide();
// 滚动距离顶部 500 像素时 淡入、淡出
$(window).scroll(function () {
if ($(this).scrollTop() > 500) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// 回到顶部,点击事件
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
</script>
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤你好呀!❤","❤欢迎!❤","❤热烈欢迎!❤","永远保持热情!
标签:网抑,播放器,canvas,dist,function,博客园,random,window,var
From: https://www.cnblogs.com/Fantasyfzg/p/16784544.html