Join Chris Converse for an in-depth discussion in this video Detecting a mouse rollover on the main stage, part of Create a Homepage Marquee with Edge Animate.
Now we're going to write some custom jQuery to detect whether or not the mouse is inside…or outside of our main composition or the main stage.…So back in the timeline, let's double-click on the action we added earlier at the 0 marker.…I'm going to make my text window a little taller here.…I'm also going to come in here and get rid of all of the green text, the comments.…Edge Animate will add these in by default to sort of help you write some of your scripts.…So now what we're going to do is we're going to start with $(). I want to test the stage.…
Edge Animate will name the stage with an ID of stage.…So inside of the parentheses, two quotes for a string literal, a pound sign, type in stage, outside…of the parentheses .mouseenter, beginning and ending parentheses, outside of the parentheses….mouseleave, another set of parenthesis, then a semicolon.…
Inside of the parenthesis for mouseenter, we're going to type function, another set…of parentheses, then beginning and ending bracket.…Let's copy that. Let's put that inside of the mouseleave parentheses.…
- Setting up your project
- Creating buttons and converting them to symbols
- Animating symbols
- Detecting a mouse rollover on the stage
- Creating custom interactions with jQuery
- Styling buttons and navigation elements with CSS
- Creating a rollover effect with jQuery
- Adding and removing custom debugging code
Skill Level Intermediate
Q: I can't get the code to detect a mouse rollover on the main stage to work in Edge Animate 2014.1.
<div> A: Adobe removed jQuery from the default set of files in Edge Animate. If you use click the + icon in the Scripts panel, select the "from URL" option, and link to a URL version of jQuery, such as the one listed here, the course will work fine.</div><div> </div><div><font style="font-family:Tahoma,Geneva,sans-serif;font-size:10pt"><a href="https://code.jquery.com/jquery-1.11.0.min.js" target="_blank">https://code.jquery.com/<wbr>jquery-1.11.0.min.js</a></font></div>