-
-ms -IE 、-moz-firefox、-webkit-谷歌瀏覽器chrome和蘋果safari 私有屬性查看全部
-
var $elem = $('' + className + ''); elem為jQ中的元素, ‘+’充當連接符,classname作為參數需要添加 小男孩的top:從頭頂到頁面頂部的距離,就是middle標簽位置減去小男孩所在div的高度查看全部
-
css3,新添加屬性 'transition-timing-function' : 'linear', (變換的方式 勻速進行 ease 為變速) 'transition-duration' : '5000ms',(運動的時間) 'transform' : 'translate3d(-' + (width * 2) + 'px,0px,0px)' //設置頁面x軸移動 }) (相對于X軸的負半軸進行移動Y、Z為0)查看全部
-
:nth-child(n) :選擇的他們所有父元素的第n個子元素 :find() :通過一個選擇器,jQuery對象,或元素過濾,得到當前匹配的元素集合中每個元素的后代。 (不包括自己)查看全部
-
所有動畫查看全部
-
randomStart = randomStart < 0.5 ? startOpacity : randomStart;//注意一下這個寫法 // 創建一個雪花 var $flake = createSnowBox();//還有這個$符查看全部
-
snowflakeURl[[Math.floor(Math.random() * 6)]] //floor浮點數向下取整查看全部
-
看不懂?。?!查看全部
-
花瓣飄花 - 動畫要點 // 加入到容器 $flakeContainer.append($flake); // 開始執行動畫 $flake.transition({ top: endPositionTop, left: endPositionLeft, opacity: 0.7 }, duration, 'ease-out', function() { $(this).remove() //結束后刪除 }); }, 200);查看全部
-
index.html頁面的 122-130行 var logo = { elem: $('.logo'), run: function() { this.elem.addClass('logolightSpeedIn') .on(animationEnd, function() { $(this).addClass('logoshake').off(); }); } }; 其中animationEnd是在Qixi.js中定義的, animationEnd的意義?查看全部
-
.on()綁定事件, off解除綁定事件。查看全部
-
第290行的callback()的作用?以及是在哪里定義的?查看全部
-
7-4轉身與logo效果 Qixi.js中遇到的問題(不理解): // 動畫結束事件 var animationEnd = (function() { var explorer = navigator.userAgent; if (~explorer.indexOf('WebKit')) { return 'webkitAnimationEnd'; } return 'animationend'; })();查看全部
-
我查看全部
-
transition與animation用的很多,這里簡單的描述下不同點,transition需要事件觸發,animation可以直接自動觸發,而且功能上更為強大,包括可以設置不同時間段的動畫規則,還有狀態的控制,事件等等。查看全部
舉報
0/150
提交
取消