This jQuery tutorial shows how to create the HTML container for a rollover tooltip using the Code Editor in Adobe Dreamweaver. Watch more at http://www.lynda.com/Dreamweaver-tutorials/Create-Tooltip-jQuery-Dreamweaver/105377-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-web-dev-eFAMt3O61pQ.
This tutorial is a single movie from the third chapter of the Create a Tooltip with jQuery and Dreamweaver course by Chris Converse. The complete course is under an hour long and shows how to take a text or graphic and convert it into a mouse-sensitive tooltip. The tutorials demonstrate how to create the markup in Dreamweaver and activate the tooltip with jQuery, as well as add positioning and effects
Create a Tooltip with jQuery and Dreamweaver table of contents:
1. Introduction
2. Creating web graphics
3. Adding HTML markup
4. Styling and Activating the Tooltip
5. Adding Positioning and Effects to the Tooltip
6. Mouse Position ‘Gotcha
7. Where to go from here
