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 an Interactive Map with jQuery

Course Summary

Design and create a rich interactive map for a web site, working in a coding environment and using the open-source scripting library jQuery.       

  • +

    Course Syllabus

       Previewing the project across browsers and devices
       Using the exercise files
       Downloading and setting up Aptana Studio
    1. Preparing Web Graphics
       Slicing and optimizing web graphics
    2. Creating the Base Container and Layout with CSS
       Creating and linking HTML and CSS files
       Creating the main container
    3. Adding the Navigation Elements
       Manipulating anchor links with CSS
       Positioning the dots on the map
       Adding the drop-down menu form element
    4. Adding JavaScript to Your Project
       Downloading jQuery and adding it to your project
       Detecting when the drop-down changes
       Showing and hiding dots based on continent selection
    5. Creating the City Detail Containers and Info
       Adding the detail containers
    6. Changing the Dots and Detail Information
       Adding click events to the anchor tags
       Updating the detail content
    Where to Go from Here
       Adding the final design details

Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
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