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