博客园添加背景音乐,背景效果
申请博客园JS权限
尊敬的博客园管理员:
请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢!
![1644071-20190702171820650-2092320567.png](https://i-blog.csdnimg.cn/blog_migrate/27dddfeeaeeda64cbee612167f22ccb7.png)
![1644071-20190702171838217-943243152.png](https://i-blog.csdnimg.cn/blog_migrate/a36a06635678a0b05514530701cd2dde.png)
添加网易云背景音乐
![1644071-20190702171852792-1616261843.png](https://i-blog.csdnimg.cn/blog_migrate/5b7bba60c6f01aabb11703efb3e003f3.png)
![1644071-20190702171905734-181324912.png](https://i-blog.csdnimg.cn/blog_migrate/75936c58751f8e7386de0ce91cef08a8.png)
![1644071-20190702171919974-1414085642.png](https://i-blog.csdnimg.cn/blog_migrate/3704100ebfa119348b054133a60a19e3.png)
![1644071-20190702171931022-1588008495.png](https://i-blog.csdnimg.cn/blog_migrate/d88b277a1d55430b1f3f73e170c74e3c.png)
![1644071-20190702171943257-1573108352.png](https://i-blog.csdnimg.cn/blog_migrate/147746f6a74e6d0cf8b181de29ce6e59.png)
![1644071-20190702171957434-2140699851.png](https://i-blog.csdnimg.cn/blog_migrate/74a9ee50ebb19d26db60ed7568c450de.png)
![1644071-20190702172024270-570876294.png](https://i-blog.csdnimg.cn/blog_migrate/6e02833ea5a78f26afd1f8b6f7392976.png)
![1644071-20190702172036396-1902491885.png](https://i-blog.csdnimg.cn/blog_migrate/0e641a3247366ff9ae2aa46450f87b9a.png)
![1644071-20190702172048236-2080815997.png](https://i-blog.csdnimg.cn/blog_migrate/4233a26eaf04c144a9ca6d35c346b203.png)
![1644071-20190702172059680-731180192.png](https://i-blog.csdnimg.cn/blog_migrate/0e009613f598965ec38c8c056ffd1f46.png)
![1644071-20190702172111386-1670297606.png](https://i-blog.csdnimg.cn/blog_migrate/1ef76b0f593fbf4e480f064967d8e97d.png)
![1644071-20190702172123365-1926609767.png](https://i-blog.csdnimg.cn/blog_migrate/e4b7dc976c2c4ee2d450138d9f1ae4d3.png)
![1644071-20190702172135480-791655747.png](https://i-blog.csdnimg.cn/blog_migrate/022aeb808f1e5aac52ef6b154e8fe5ac.png)
![1644071-20190702172147734-1132868604.png](https://i-blog.csdnimg.cn/blog_migrate/c87705b4e154d210c011360ced28e274.png)
点击鼠标点击样式
![1644071-20190702172455610-1498395351.png](https://i-blog.csdnimg.cn/blog_migrate/7fa8b6c7bf50e9f15cb9fe43d7cd6c88.png)
- 鼠标点击效果代码 (❤喜欢就关注一下吧❤ 里边的文字可以根据自己需要进行修改)
<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤喜欢就关注一下吧❤","❤不是点这里哦❤","❤快去点赞❤","❤在文章最下面哦❤","❤快去推荐一下吧❤","❤感谢观看❤","❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
![1644071-20190702172204928-1036248045.png](https://i-blog.csdnimg.cn/blog_migrate/f5df1c5df3eae27ef11bf6d6f75d7e03.png)
![1644071-20190702172217105-996178336.png](https://i-blog.csdnimg.cn/blog_migrate/47883b1815c692856a23a37ee257fb6e.png)
二次元看板娘
![1644071-20190702172236796-534518234.png](https://i-blog.csdnimg.cn/blog_migrate/e2691ced20b455389e271de7b6226f3c.png)
![1644071-20190702172248950-1341967656.png](https://i-blog.csdnimg.cn/blog_migrate/bdb2a610b355eaa4a9f944180d900d0a.png)
![1644071-20190702172300821-2135246512.png](https://i-blog.csdnimg.cn/blog_migrate/a8ecb09d2bc900f54671780944475bef.png)
雪花效果
![1644071-20190702172314405-104935586.png](https://i-blog.csdnimg.cn/blog_migrate/b0072aa00323a65238fcec143085236a.png)
<script type="text/javascript">
window.onload = function () {
var minSize = 15; //最小字体
var maxSize = 30;//最大字体
var newOne = 600; //生成雪花间隔
var flakColor = "#1bd3ff"; //雪花颜色
var flak = $("<div></div>").css({position:"absolute","top":"0px"}).html("❉");//定义一个雪花
var dhight = $(window).height(); //定义视图高度
var dw =$(window).width()-80; //定义视图宽度
setInterval(function(){
var sizeflak = minSize+Math.random()*maxSize; //产生大小不等的雪花
var startLeft = Math.random()*dw; //雪花生成是随机的left值
var startOpacity = 0.7+Math.random()*0.3; //随机透明度
var endTop= dhight-100; //雪花停止top的位置
var endLeft= Math.random()*dw; //雪花停止的left位置
var durationfull = 5000+Math.random()*3000; //雪花飘落速度不同
flak.clone().appendTo($("body")).css({
"left":startLeft ,
"opacity":startOpacity,
"font-size":sizeflak,
"color":flakColor
}).animate({
"top":endTop,
"left":endLeft,
"apacity":0.1
},durationfull,function(){
$(this).remove()
});
},newOne);
}
</script>
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角
【推荐】一下。您的鼓励是博主的最大动力!
自 勉:生活,需要追求;梦想,需要坚持;生命,需要珍惜;但人生的路上,更需要坚强。
带着感恩的心启程,学会爱,爱父母,爱自己,爱朋友,爱他人。