Visual Effects

• MORE DETAILS
• VISIT PUBLISHER SITE

With Fall, you can have falling objects on your web page. A seasonal idea would be snow. You can also change the images, number of objects, speed, waft size (side-to-side movement). **v2.1 update** Corrected an error that prevent the script working in STRICT mode.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

With this script you can easily create tooltips on mouse-over. Should work with all major browsers.

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can apply the water drop effect to Web page elements. It creates an animation effect on a given page element that seems like a drop of water appeared over that page element. The water drop color, the animation speed, and the drop expand and fade effects are configurable options. This object is available as a standalone object or as a jQuery plug-in.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This standalone script or jquery plugin can create a glint light effect on HTML page elements. It creates a canvas object to render a glint light image effect that is going to be displayed on top of a given HTML web page element. The object periodically changes the position of the glint image to give the sensation of a light being moved over the target page element. The glint image can be animated horizontally or vertically. The animation speed, the glint image color and angle are configurable parameters.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can render 3D isometric cubes from 3 page elements. It takes the identifiers of 3 page elements and adjusts their CSS transform properties so they form the faces of a cube that appears in the page with the 3D isometric perspective. The object can also use a fourth element to be displayed as the shadow of the cube on top of another element that appears as the ground.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can apply the blur effect to HTML page elements. It takes the identifier of a given page element and starts an animation effect that progressively alters CSS properties of that element that make it appear blurred. Different CSS properties may be altered depending on the capabilities of the current browser. The object can also execute an animation that reverts the blur effect of the element. There are versions of the object either based or not in the jQuery library.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

PreLoadMe is a leightweight preloader for any webcontent. Powered by jQuery and CSS it is fully responsive and will run on all modern desktop- and mobile browsers with no additionals plugins. PreLoadMe displays a loading animation until the browser fetched the whole webcontent and will fade out the moment the page has been completely chached. Because the simplicity of PreLoadMe, it can be easily customized and adapted to your needs.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Zebra_Accordion is a tiny (2KB minified) accordion plugin for jQuery. It transforms a basic definition list, without requiring any other specific markup, into a small-footprint, easily configurable, fully customizable, cross-browser accordion widget, useful for better organizing larger groups of content. Features: no additional markup required other than a basic definition list; easily customizable through CSS; can be configured to work so that only a single can be expanded at a time, or so that all tabs may be expanded/collapsed; can be configured to work so tabs expand on mouse over; when, after expanding a tab, part of its content is outside the viewport, it automatically scrolls the browser's window so that the tab's content is visible; callback functions can be used for further customizations; works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6, 7, 8, 9) ... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can slide page elements to switch content in display. It can take the page elements inside a given div element and switch between them by using a slide effect to make one element appear scrolling in the div, while the previous is hidden with the same slide scrolling effect. The switch of the elements may be triggered by clicks on menu items that correspond to the sliding elements to be displayed. Dragging the mouse over the currently display element may also trigger the sliding switch element action.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can be used to display animated image layers that can scroll at different speeds. It can add multiple layers to a panoramic view made of images that are eventual at different distances from the viewer, so they scroll at different speeds when the user moves sideways to give that sensation of distance of the images. The object can also manage the animation of separate image objects that may move with the panoramic images at different speeds.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This object can scroll the page smoothly when user clicks on links. It detects the change of the current page URL anchor name and makes the browser scroll the page smoothly to the anchor position. The scrolling speed and the offsets of the scroll position relative to the anchor element are configurable parameters.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Launch wintertime with this unique snowing script and surprise your visitors with this charming DHTML-animation. No images required! The script makes your links snow on rollover. Easy configuration of colors, number of snowflakes, size and speed. Internet Explorer 6x/7x/8x/9x, Firexfox 2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x/6x/7x/8x.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Create eye-catching bars with animated colors. Add as many horizontal or vertical bars as you like. Easy configuration of width, length, speed, fade-effect and gradient-effect. Two different gradient-effects for IE5x/6x/7x/8x. Standard effect for FF2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x/6x.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Splash Tracker is a tiny DHTML animation. The random-image-engine creates a cursor trail out of a set of your images. Add as many images as you like. Easy configuration and installation. Crossbrowser: Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x/6x.... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

Scripts for drag and drop with javascrip and demo on how it works with div move animation.

• MORE DETAILS
• VISIT PUBLISHER SITE

This program animates any number of HTML block-level elements of any pixel size. Scroll HTML blocks up, down, left or right! After a specified amount of time, the next block is slid in to replace the old block. Scrolling will also pause when the mouse cursor is placed over the block. Great for showing a lot of content in a small space, or a rotating banner. Created with simple and reusable code in mind. Have any number of separate block scrollers running on a single page all using the same javascript. Version 2 is now compatible with the text/xml and application/xhtml+xml mime types!... (show more)

• MORE DETAILS
• VISIT PUBLISHER SITE

This javascript will put a target div layer always at the same position in window whether window is scrolled up or down.

• MORE DETAILS
• VISIT PUBLISHER SITE

This scripts uses jQuery scrollTop function to scroll to any ID of your html. So you can scroll to a div a link or anything else ! nice and easy to set up !

• MORE DETAILS
• VISIT PUBLISHER SITE

Based on jquery, this script will fetch data from your database and display it the same way that msn shows that you have a new message.

• MORE DETAILS
• VISIT PUBLISHER SITE

RGBA Hover is a mouseover highlight effect that is easy to integrate into your pages. It is completely unobtrusive, uses zero extra markup and degrades gracefully in browsers that do not support CSS3. Very useful for link hover effects, especially within large bodies of text.... (show more)