代码分享:宠物小精灵开场特效

初学者分享自己用JavaScript编写的宠物小精灵开场特效,包含三种版本:方块对角线消失、方块逐个消失和方块随机消失。代码基于jQuery,适合喜欢探索特效的开发者参考。
摘要由CSDN通过智能技术生成

初学JS,自己尝试着写一些特效。这算是自己学了JS半个月以来第一次完全自己写的,瑕疵也有一点(main只能是正方形,且宽,高度最好是20的倍数,不然会不好看)。喜欢的朋友可以拿去用了~

一共有三种版本:

第一种的是方块按对角线消失:

var Start = (function($){
    function start(o){
        this.creat(o);
    };
    start.prototype = {
        creat: function (o){
            var size=$(o).height();
            var sizeMin=size/20;
            for(var i=0;i<400;i++){
                $(o).append("<div class='min'></div>");
            }
            $(".min").css({"display":"inline-block","height":sizeMin+"px","width":sizeMin+"px","float":"left","background-color":"black","transition":"opacity 1.2s","-moz-transition":"opacity 1.2s","-webkit-transition":"opacity
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值