Archive for 2011

    JQuery roll over two level horizontal menu

    JQuery roll over two level horizontal menu

    This script creates a menu with two levels. The second level is hidden and will only appear when you move over a menu button. The menu buttons of the second level are displayed on a single row. This is a userfriendly menu type and saves a lot of space on the page. Although the second menu slides from under the first menu. This effect is obtained by using JQuery. The menu is built using ul and li tags. The CSS provides the layout.

    PhotoSmart jQuery Gallery Plugin

    PhotoSmart jQuery Gallery Plugin

    PhotoSmart is a jQuery based thumbnail gallery. It allows you to create multiple galleries on a single webpage or on multiple webpages. It has a number of different effects that can be applied or changed very quickly. All galleries are created in code from your gallery folder its then just a matter of adding the gallery element in your webpage. There are a number of load effects, mosaic, zig-zag, faderows and a few more.

    A simple animated background with Jquery

    A simple animated background with Jquery

    In this tutorial I will explain How to create a simple scrolling background with Jquery.

    Simple ajax tabs with Jquery

    Simple ajax tabs with Jquery

    This is a simple ajax tab plugin which give a effective output. It works with all major browsers including Mozilla, Google chrome, Microsoft IE, Apple Safari and Opera.

    $().transformable() Rotate Skew and Scale your div

    jQuery Rotate Skew and jQuery Scale your div

    If you use Draggable and Resizable, extend this with Transformable. You will find four new handles to Rotate, Skew horizontal, Skew vertical and Scale. This will not just change the appearance of your div, but of all its contents as well, including text, pictures and other divs.

    jQuery Content/Thumbnail slider : jsCarousel V2.0

    jQuery Content/Thumbnail slider : jsCarousel V2.0

    jsCarousel v2.0 is a jquery slider plugin that slides contents in multi direction. Now it supports both horizontal and vertical orientation, see the screen shot below. jsCarousel v2.0 slider can be used as a feature content slider as well. You can put any kind of contents you want whether images, text, videos, news etc. it’s up to you. One interesting thing about jsCarousel v2.0 slider is that you can make simple image gallery with thumbnail support by using it. jsCarousel v2.0 slider plugin gives you the source of image via callback function, when you click on some image within slider. See Using jsCarousel v2.0 Slider section below to get an idea about using the callback function.

    JQuery Welcome Box

    JQuery Welcome Box

    The JQuery welcome box slides a div in the center of the screen. The background is disabled, so the use must first close the welcome box to continue to use your website.

    JQuery slideTo function

    JQuery slideTo function

    Jquery slideTo function. With this function you can slide an element to a given position on your webpage. There are four option to define the position. Special to this function is that you have the ability to slide to the center of the screen and also to the bottom and/or right of the screen.

    JQuery loadJSON plugin

    JQuery loadJSON plugin

    This is a JQuery plugin that enables developers to load JSON data from the server and load JSON object into the DOM. No templating language is required – this plugin matches DOM elements in the HTML page with a JSON object using a DOM element properties.

    $dropDownPanels – JQuery Drop Down Panel Menu

    $dropDownPanels - JQuery Drop Down Panel Menu

    The Drop Down Panel menu adds a pull down panel when you hover a menu button. This script is made as JQuery plugin. It can be used from horizontal menus as well as for vertical menus.