Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'rollout'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 2 results

  1. Hi guys, again. This time: i have five movieclips (with different instance names, but same tween) and i am tweening them with a for loop. I need each movieclip to make a slight move onrollover (relatively to its position) , while returning back to its original position on onrollout. The way i tried to solve it, was setting exactly the same amount of pixels to the rollout, but with oposite value. The problem comes when i rollout the movieclip, BEFORE it completes the movement. I have attached a video for you to see it. and here is the code: for (i=0; i<links_menu.length; i++) { links_menu.onRollOver = function (){ TweenMax.to(this, 1, {_x:"19", _y:"-4.75"})}; links_menu.onRollOut = function (){ TweenMax.to(this, 1, {_x:"-19", _y:"4.75"})}; }; I also tried this, but didn't worked out, and i don't understund why: for (i=0; i<links_menu.length; i++) { links_menu.onRollOver = function (){ TweenMax.to(this, 1, {_x:"19", _y:"-4.75"})}; links_menu.onRollOut = function (){ var rolloutx = "this._x"; // rel.position of on rollout var rollouty = "this._y"; // rel. position of y on rollout TweenMax.to(this, 1, {_x:("this._x")-("this._x"), _y:("this._y")-("this._y"))})}; }; // _x = the relative position of x when i roll out minus same number. // _y = the relative position of y when i roll out minus same number. //Logically it should work but it doesn't was wondering if there is such thing as a reverse function on rollout? mov.zip
  2. Moving from AS3 to JS - how can I recreate this functionality (as accomplished in AS3) with GSAP? (Button is an image). btn.addEventListener(MouseEvent.MOUSE_OVER, over); btn.addEventListener(MouseEvent.MOUSE_OUT, out); function over(e:MouseEvent):void { TweenLite.to(btn, 1, {alpha: 1}); } function out(e:MouseEvent):void { TweenLite.to(btn, 1, {alpha: .6}); } Thanks guys
×