Create a Homepage Marquee with Edge Animate

Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.This step-by-step project demonstrates how to create an interactive homepage marquee using Adobe Edge Animate, a tool for creating smooth motion and transitions for multiple screen sizes, and a combination of HTML5, CSS, and a little custom jQuery. Author Chris Converse shows how to build the buttons, captions, and navigation elements; detect rollovers and other interactions; animate the artwork and effects; and ensure your design works equally well with mobile and tablet layouts. Topics include: Setting up your project Creating buttons and converting them to symbols Animating symbols Detecting a mouse rollover on the stage Writing and running custom JavaScript functions Creating custom interactions with jQuery Styling buttons and navigation elements with CSS Creating a rollover effect with jQuery Adding and removing custom debugging code