MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Create a Homepage Marquee with Edge Animate

Course Summary

 Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.       


  • +

    Course Syllabus


        Introduction
            Previewing the final project
            About the exercise files
        1. Setting Up Your Project
            Creating a new project in Edge Animate
            Adding images to your project
            Creating symbols for the panel artwork
            Animating the panel artwork
            Setting the animation to loop
        2. Creating and Animating Symbols
            Creating the caption box background
            Creating button artwork for captions
            Converting a custom button into a symbol
            Animating the caption symbols
            Duplicating symbols for the second caption
            Animating caption two
            Duplicating symbols for the third caption
            Animating caption three
        3. Setting Custom Variables and Functions
            Setting a custom variable
            Detecting a mouse rollover on the main stage
            Creating a custom JavaScript function
            Running a custom JavaScript function
        4. Creating and Linking the Navigation
            Creating navigation button artwork
            Linking the navigation to panels
            Creating the navigation indicator
            Animating the navigation indicator
        5. Creating Custom Interactions with jQuery
            Adding a custom CSS class to navigation artwork
            Create a navigation rollover effect with jQuery
        6. Linking the Caption Buttons
            Linking the caption buttons to web pages
            Adding a custom CSS class to the caption button artwork
            Create a button rollover effect with jQuery
        7. The Final Details
            Making your design responsive
            Removing the debugging code
        Conclusion
            Where to go from here

     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

2 - 3 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top