首页 > 作文

博客园添加背景音乐,背景效果!

更新时间:2023-04-06 08:32:14 阅读: 评论:0

目录

申请博客园js权限

博客园添加背景音乐,背景效果

申请博客园js权限

申请话术 实例

尊敬的博客园管理员:请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢!
开通以后就可以使用js代码进行装饰了流程图

添加网易云背景音乐

单曲添加

打开网易云登录账户,搜索自己喜欢的歌曲

复制代码到博客园

看看效果

添加歌单为背景音乐

创建歌单

把喜欢的音乐添加到歌单

拷贝代码到博客园

点击鼠标点击样式

鼠标点击效果代码 (喜欢就关注一下吧 里边的文字可以根据自己需要进行修改)
<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>

其他点击效果

其他效果自取地址 自取地址

二次元看板娘

效果

看板娘教程看不懂请点这里

雪花效果

效果

代码 调整后添加到博客园装饰的页面即可
<script type="text/javascript">   window.onload = function () {                var minsize = 15; //最小字体                var maxsize = 30;//最大字体                v上海锦江乐园ar newone = 600; //生成雪花间隔                var flakcolor = "#1bd3ff"; //雪花颜色                var flak = $("<div></div>").css({position:"absolute","top":"0px"}).html("");//定义一个雪花                var dhight = $(window).height(); //定义视图高度                var dw =$(window).width()-80; //定义视图一件令我感动的事作文宽度                tinterval(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>

本文发布于:2023-04-06 08:32:12,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/65c9e19b7b321a1a171f6dd1ac47249d.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:博客园添加背景音乐,背景效果!.doc

本文 PDF 下载地址:博客园添加背景音乐,背景效果!.pdf

下一篇:返回列表
标签:雪花   效果   博客园   代码
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图