Tag: tweenmax

使用javascript进行MouseOver CSS3D效果

我试图像这样实现mouseOver效果。 我能够根据它们的位置生成每个瓷砖所需的css3d矩阵。 我已经通过慢速鼠标移动实现了这种效果，但是如果我从一个瓷砖快速移动到另一个瓷砖，则它不能正常更新。 它在瓷砖之间显示出差距。 在鼠标hover时更新所有tile / tile坐标的最佳方法是什么，以便获得一致的效果？ 这是我的js代码： $(‘.box’).each(function() { $(this).css(‘height’, ‘284px’); $(this).css(‘width’, ‘284px’); }); generateGrid = function(w, h) { var t = this; this.p = []; var d = 30; var c = Math.floor($(‘.w’).outerWidth() / 284 + 1); var r = Math.ceil($(‘.w’).outerHeight() / 284) + 1; var vc = c * r; for (i […]

jQuery动画序列

我的问题已被问过一百万次，但我找不到满足我需求的答案。 我需要的是一个允许我按顺序播放动画的function。 我正在开发一个包含许多CSS3过渡和jQuery / jQueryUI动画的网站。 我将这些动画分解为基本的独立function，例如： slideUpSomething（）; fadeOutSomethingElse（）; showThisOtherDude（）; 这些function可以是任何东西： animationA（）; animationB（）; animationC（）; 使用回调或队列会使代码无法管理。 说实话，我现在还不够好控制它们（计划稍后学习）……链接似乎不可能，因为我以不同的方式动画不同的元素。 使用计时器对我来说似乎很糟糕。 我梦寐以求的是一个function“animateSequentially（sequence）”，其工作原理如下： $(document).ready(function(){ function animationA() {/*declaration*/} function animationB() {/*declaration*/} function animationC() {/*declaration*/} … function animationZ() {/*declaration*/} function animateSequentially(sequence) { /* Here is the code I need */ } $(‘#someButton’).click(function(){ animateSequentially( [animationA, animationB, animationC, … , animationZ] ); }); }); 要求如下： […]