This is a quite simple process. Let’s assume we have all the code already in place from the last tutorial. In your motionpack.js file, let’s add a new function at the very bottom, looking like this: function toggleSlide(objname){ if(document.getElementById(objname).style.display == "none"){ ...

Adds the ability to do background-position animations to jQuery 1.2 and newer. How to use: $('#background').animate({backgroundPosition: '10% 250px'}); Example: $('#background') .click(function(){ $(this) .animate({backgroundPosition: '500px...

jAni is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits. At first, it’s always better to use an animated GIF as this format is supported by all browsers without any JavaScript code or additional...

dhtmlx Accordion allows you to organize your content in a space-saving way. This JavaScript DHTML accordion control displays multiple panels within a container. Just one of these panels is expanded at a time, while others are collapsed. If you want to see other panel’s content, just click on its...

Step one requires that you use your decision making skills to figure out what image you want to use. For this example, I have selected a character which I found in this wonderful Vectortuts+ tutorial. Next we’re going to want to drop it in to Photoshop for some basic preparation. We’re are going...

Nicely illustrated banners are…nice. But why not add a little pizazz by using animation like Flash websites do? Through Javascript web pages are becoming increasingly less static and all sorts of creative possibilities are opening up. In this tutorial we will learn the basics of setting up a continuous...

Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery. you have an example on top Horinaja is innovant because he use your mouse wheel for a best navigation. when the user are outside, your page scroll too, horinaja scroll when user are hover this How it Works: Horinaja is a...

QuickFlip 2, a major reworking of the jQuery plugin that flips any piece of HTML markup over like a card. The new version is faster and even easier to use—simply call the flip animation through a jQuery selector and the QuickFlip will flip the front panel to show its back. QuickFlip 2 is now even easier...

Flip is a plugin for jquery that will flip your elements in four directions. Browser Compatibilty * Firefox 2+ (Linux, Windows, Mac OSX) * Internet Explorer 6+ (IE8 beta2 included, yeah) * Safari (Mac OSX, Windows) * Google Chrome (Windows) * Opera (Linux, Windows) Original idea of...

For one of the projects I’m currently working on with rareview, we wanted to add a rising hover effect to a set of icon links. Using jquery’s animate effect, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples: The HTML and CSS are both straightforward...