Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Lynda.com - Create a Sliding Tabbed Panel with jQuery and Dreamweaver with Chris Converse
- A tabbed panel interface is a classic feature to incorporate in your website design, but they're usually static elements. This course shows how to build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, jQuery, and the tools in Dreamweaver. Author Chris Converse leads you through the process from start to finish, from building the containers to styling the text, tab, and panels, and adding click events to make the tabs interactive. He also shows how to incorporate progressive enhancement techniques, so visitors who don't have JavaScript, for example, can still access the content.
- Topics include:
- Creating the main panel and tab containers
- Adding content to the containers
- Adding CSS styles to the text and tabs
- Adding the jQuery $(document).ready() function
- Assigning click events to the tabs
- Setting an autostart on page load
- Creating custom graphics for the panels
- Assigning custom classes to the HTML elements
- Reassigning CSS rules with JavaScript
- Hone page: http://www.lynda.com/Dreamweaver-tutorials/Create-Sliding-Tabbed-Panel-jQuery-Dreamweaver/105378-2.html
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
