Más configuraciones

Agregue música de fondo al jardín del blog, efectos de fondo

Solicite permiso de JS para Blog Park

• Solicite ejemplos prácticos

尊敬的博客园管理员：

请求申请开通js权限，希望能够把自己的博客修饰的漂亮点，点缀自定义js插件效果，希望管理员可以批准，谢谢！

• Después de abrir, puede usar el código js para decorar
• Diagrama de flujo

Agregar música de fondo de Netease Cloud

• Agregar solo

• Abra la cuenta de inicio de sesión de NetEase Cloud y busque sus canciones favoritas

• Copie el código al jardín del blog.

• Ver el efecto

• Agregar songlist como música de fondo

• Crear lista de reproducción

• Agrega música favorita a la lista de reproducción

• Copie el código al jardín del blog.

Haga clic en el estilo de clic del mouse

• Código de efecto de clic del mouse (❤ Si te gusta, presta atención a él ❤ El texto dentro se puede modificar de acuerdo a tus necesidades)

<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>

• Otros efectos de clic

• Otros efectos de la dirección de creación propia dirección de creación propia

Chica de letrero bidimensional

• Efecto

• Kanban Mother Tutorial
• Haga clic aquí si no entiende

Efecto copo de nieve

• Efecto

• Después de ajustar el código, agréguelo a la página decorada por el jardín del blog.

<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>