Amazingly, I actually know exactly how to do this. And it only requires about 4
lines of code in the _root layer and on the button.
Instead of having the rollover load an external movie, you want the have the
rollover execute an on(enterFrame) function that tells each newly entered frame
of your movie to check to make sure the mouse is still on the button, and if
not, send the movie playhead backwards.
So, put that sampleMovie right on the stage with the button. Then write the
code in the _root so that says: as long as the mouse is over the button, the
movie will advance to nextFrame(). When it gets to the next frame, again the
code checks to see if the mouse is on the button, if so, the movie is instruct
to go one more next frame (which is tweening the fade, right?) again, over and
over until the stop() at the last frame. But, if while while entering a frame,
the code finds that the mouse is no longer over the button, it does the same
thing but this time instructs prevFrame(), and so on, going prevFrame
(backwards, in other words) as long as the mouse is not on the button.
The result of the above is a gradual fade in and out, depending on whether the
mouse is hovering. This, as opposed to an abrupt disappearing graphic
on(rollOut).
Click the below link for the .fla that demonstrates this technique (which, by
the way, I learned from Joshua Davis' excellent book, "flash to the core".
Check it out at Amazon, or wherever. Lots of cool tricks).
http://www.oemlive.com/fade_Movie.fla