Changing opacity on an element dynamical with jQuery often gives strange and unwanted effects in IE. It depends on the sites structure and css. It normally appears after an element has been faded out, and is faded in again. Text colour disappears, backgrounds looks strange opacity is wrong. Several things can happen.

read more »

The jQuery library in comperison with the prototype library, do not contain a delay function.
If you work with animations and effects the jQuery FxQueues plugin will be useful.

jQuery FxQueues plugin expands the animation and effect functions with following options:

• queue: (string) Name of the queue. If it doesn’t exist, it creates the new queue. If you pass false no queue is created.
• scope: (string) Name of the scope.
• position: (”front”|”end”) Queue position where animation (or scope, if passed) is queued.
• preDelay: (int) Milliseconds to wait before starting the next in queue.
• postDelay: (int) Milliseconds to wait after finishing the animation.

read more »

A normal GTween controls the MultiTween:

   overTween = new GTween(null,1,null,{ease:Quadratic.easeOut});
   multiTween = new MultiTween([overButton,overField], {alpha:0},overTween);

Later you can then proxy it with the position property:

public function set over(val:Boolean):void {
    multiTween.tween.proxy.position = val ? 1 : 0;
}

Proxying properties with MultiTween does not seem to work.

Here is some info about who they are and what they include:

http://drawlogic.com/2009/02/05/as3-tween-engines-getting-lighter-with-gtweeny-bytetween-tweenlite-and-tweensyzero/

For those who haven’t had time to check out the example files packaged with the GTween source, here is the recommended way to tween filter properties along with the ‘normal’ kind:

container.filters = [new BlurFilter(32, 32, 2)];
container.scaleX = container.scaleY = 0;
 
var twnMotion: GTweenTimeline = new GTweenTimeline(container, 0.5, {scaleX: 1, scaleY: 1}, {ease: Quadratic.easeOut});
var twnBlur: GTweenFilter = new GTweenFilter(container, twnMotion.duration, {blurX: 0, blurY: 0}, {ease: twnMotion.ease});
twnMotion.addTween(0, twnBlur);

Key points:

1. you need to apply basic filters to the object before you begin a tween (there are no default filters applied)
2. you can use a GTweenTimeline to nest filter tweens with other propery tweens
3. you can reference the parent timeline tween’s duration and ease properties in order to keep the 2 tweens synchronized

GTweeny is GTween’s lightweight younger sibling. It strips a lot of the secondary features of GTween (proxy, timing modes, etc) in favour of smaller file size. It is currently under 3kb, but I’m looking for feedback on this class: is a 1.5kb savings even worth it? Should I strip it down further to make it a 2kb core tweening class?

Comment on Grants blog to be heard!

http://www.gskinner.com/blog/archives/2009/02/gtweeny_lightwe.html

It’s not ‘officially’ available, but any good haxer can just guess the url: beta5 (SWC)

New in this version:

• an updated API
• a sequencing class (GTweenTimeline):
  

  GTweenTimeline is a powerful sequencing engine for GTween. It allows you to build a virtual timeline with tweens, actions (callbacks), and labels. It supports all of the features of GTween, so you can repeat, reverse, and pause the timeline. You can even embed timelines within each other. GTweenTimeline adds about 1kb above GTween.

• and a lite version (GTweeny):
  

  GTweeny is the ultra lightweight younger sibling of GTween. It strips out secondary features to deliver a robust tweening engine in less than 3kb.