Most Popular Scripts | JavaScript | Scripts & Programs | Visual Effects

This script demonstrates how to make any HTML object to move left and right, up and down, with a real tiny code.

With this script you can let your visitors to change color adjustments. Any elements of your page can be changed to user specified color (bgColor, color of the text, frameworks, tables...). This script has the interface similar to the basic graphic programs. There are 3 color strips - color, contrast and brightness.

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.

The eqPageLoadingEffect script places a small 'firefox' style rotating image anywhere you like on a page. It will only show during the page load and then become invisible... It is ideal for large pages with a lot of bandwidth rich content. PLEASE NOTE: It currently only works with IE 5.5+, IE 6 and IE7... It didn't perform correctly under other browsers so a small browser check script was added to disable it completely on non-IE browsers.

Blue spheres loitering around your html making it look alive. A rather avant script that lets your page get a power feel.

This is a TV-like message banner script that creates a "always-on-top" message, centered at the bottom of the surfer's screen. Use it to display a message that's constantly visible on your user's screen.

Neon lights are an effective way in which to draw attention to signs and banners on the street, and now, to your webpage text as well. Requires IE 4+ to work, with all other browsers seeing simply the plain version of the text.

With this plugin you transform symbols ( :) / :D / :X ) from your website, in yahoo smileys.

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.

Takes a plain html table and turns it into a treetable. Uses jQuery, so you get all the functionality of this wonderful library for free. Update Dec 2008 Feature Set:- Has now been fully updated to work with JQuery 1.2+ Multiple treetables in the one page - new Optionally uses a cookie to remember the state across page refreshes and as parent nodes are collapsed/expanded - new Highlighting as you hover over rows. Dynamic striping. Set tree to any column of the table. Collapse certain nodes initially. Connecting lines. Very fast, even on large datasets. Can have other content in the same table not part of the tree. ~14kb zipped inc images and examples etc.

This is a Web-based wizard to create dynamic textarea colors schemes. It allows you to set the onLoad (startup), onMouseOver and onMouseOut colors for your textarea fields. Adjust the color schemes for the text, the background color and the scrollbar.

This is a JavaScript which will place a floating image in the bottom corner of a web browser. If you've visted sites on GeoCities lately you've probably seen the floating logo they have in the bottom corner, this script does the same kind of thing.

This is a simple script diplaying a simple treeview from a list of 'folders' and 'files' ordered in an html list an designed using CSS and 4 tiny background images. The script contains a live example and is easily customizable.

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.

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.

This is a simple sequence image viewer. just click on the image and drag right or left.

Easy, short, cut-and-paste script causes all page scrollbars to rotate in three colors. On/off control (optional) can turn effect on and off via links in the page. A really neat effect to draw attention to the page.

Create easy sprite animations using EaselJS This is merely a code snippet that has a basic setup for sprite animations. It runs with EaselJS v0.8.0+ I mainly created this because I had a hard time going through EaselJS' documentation and it took some trial and error to find the right setup. If you have a DOM app and want to create some fast spritesheets in WebGL, which fall back to Canvas, then this might be of help. EaselJS has everything covered for you, including use of requestAnimationFrame.

Create a quick light effect, as if tiny stars were moving each time you use mouse.

Basilico TopLink make a top button into your webpage: on bottom-right on desktop and on top on mobile phones. It uses css3 fade effect and media query where available. On mobile: TopLink reacts according to phones support touch or simulate mouse and to don't overload the browser it go to top directly.