JavaScript Tutorials — Dynamic HTML

Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well.

The accordion widget is a robust and highly configurable widget that allows you to save space on your web pages by only displaying a certain section of related content at any one time.

Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.

Learn how to make a stunning four corners sliding effect easily with jQuery. It's elegant, unique and really cool solution for thumbnail gallery. This tutorial includes detailed explanation that will guide you through the whole process.

Learn how to build thumbnail gallery with zooming effect and fadein and fadeout caption. This tutorial will walk you through the concept behind it and how to code it.

Learn how to make your first HTML5 canvas web application with the CAKE JavaScript library. Demo and source code included.

A horizontal menu with tooltip that slides accross the menu panel. It's a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.

Add heading and caption to your thumbnail and display it with jQuery cool transition effect. It's an elegant way to put more content in your website, and display it when users want to see it. It keeps your website clean!

A really cool News Slider that uses two scrollers to create very slick effect. It uses scrollTo to scroll both description and image items and it comes with prev, next, play, stop and mouseover events.

Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.