BG Effect Scripts - Page 2 | JavaScriptSource

BG Effect Scripts - Page 2

These scripts all deal with different types of image effects. Some produce a random background image or color, and others flash background colors at the user. There are also picture galleries and methods for displaying graphics on Web pages. General questions about image effects should be posted to The JavaScript Forum.

  • Color Changer
    Scott Clark Feb 9, 2009

    Change the color and text on a page.

  • Style Changer
    Style Changer Micah Dec 30, 2008

    This little snippet gives users the ability to toggle the text and background colors of your page or certain sections within it.

  • Gradient Shapes Script
    Michael Burt Dec 17, 2008

    This script gives depth to your images by adding a shaded border effect to any valid HTML tag.

  • Hide & Show Rows and Columns
    Rob Stehle Dec 11, 2008

    Use this script to remove and restore both rows and columns from your tables.

  • Floating Logo
    Sandeep Gangadharan Dec 5, 2008

    This script places your logo on your Web site in such a way that it floats on the page as the user scrolls up and down.

  • Banner Rotater
    Dec 5, 2008

    Use this script to rotate your banner ads. Just set the images, URLs and the delay time. Very easy to implement.

  • Simple Mouse Over Functionality
    Anon E. Mous Dec 2, 2008

    Change what is displayed when the mouse moves over an image.

  • Simple Thumbnail Solution
    Troy Wolf Nov 19, 2008

    Use this script to browse through a series of images. The thumbnail images are displayed, and a larger copy of the selected image is displayed to the right. The selected thumbnail is also highlighted.

  • Reflection.js
    Oct 29, 2008

    Add reflections to selected images on your Web pages. Vary the reflection height and opacity. Very easy to use and completely unobtrusive. Works well with logos, icons and dynamic image content such as forum avatars. Degrades nicely in older browsers.

  • Image Navigator
    Steve Chipman Aug 13, 2008

    This script works by sliding the background image of one DIV element, using the background-position to correspond with the coordinates of another DIV. Great for showing details in a small space.

  • Panorama
    Andreas Berger Aug 6, 2008

    This script provides a panorama view of an image, without using Flash or Java. Scrolls to the left and to the right. Easy to implement.

  • Checkbox Highlighter
    Gil Davis Jul 11, 2008

    Use this script to highlight table rows in your checkboxes.

  • Image Rotate with CANVAS
    Benoit Asselin Jul 11, 2008

    CANVAS is a new HTML element which can be used to draw graphics using JavaScript. This script will rotate an image a varying amount of degrees: 90, 180, -90, and back to 0. Can be used in many different ways.

  • Basic Color Cube
    Brad Garrick May 28, 2008

    This creative script lets you choose the background color using a color cube. You can also do a reverse search using hexadecimal, RGB, or just the name of the colors.

  • CSS Opacity
    Igor Bushin May 2, 2008

    Crossbrowser CSS Opacity Effect

  • OnMouseOver Image Gallery
    Robert Daniel Jan 30, 2008

    When the mouse moves over one of the thumbnails, the larger-sized picture area changes to the larger-sized picture that corresponds to that thumbnail. Easy to implement.

  • DS Snow
    Dario Sciacca Dec 20, 2007

    This script displays a snow effect. The script includes a HTML code generator that allows to change parameters without any knowledge of JavaScript and HTML programming.

  • Simple Image Gallery
    Jay Rumsey Dec 12, 2007

    Use this script to display images, one at a time, on your Web page. Very easy to set-up, and includes captions.

  • Image Effects : Floating Logo
    Sandeep Gangadharan Oct 22, 2007

    Use this script to place your logo on your Web site in such a way that it floats on the page as the user scrolls up and down. The display location can be set within the script. Easy to use, and very effective.

  • Param Visitor Country Geocoder
    Parameshwar Babu Oct 14, 2007

    Param Geocoder enables you to display the visitor's country name and flag anywhere inside your web page. You either use it in your own website or any hosted blogs like,, and so forth.

  • Image Caption
    Sep 17, 2007

    With the help of this script, adding text to accompany images couldn't be easier. Give your image a "title" -- how appropriate -- and a class, and in less than a minute you'll have beautiful looking captions for your images. And, you can use HTML elements.

  • Streaming Horizontal Banner
    Jeroen Haan Jul 16, 2007

    Add a horizontal banner roll to your Web site with this easy-to-use script. Each banner can also include a URL. The size can be set in the script file.

  • Customize Dropdown Menu
    Thai Cao Phong Jul 8, 2007

    Customize Dropdown Menu is designed to display some choices, such as languages, countries, and themes; but it's differrent from the original version in browsers. This tool combines CSS and JavaScript to create a dropdown wherein you can add an image to the title, on every choice.

  • Image Gallery
    Jeremy Keith Jul 2, 2007

    Display a gallery of images with titles and descriptions for each image. Easy to set up and completely customizable.

  • DivViewer
    mal foy Jun 3, 2007

    Show a picture with two lines of code in a div-container, which adjusts itself to the highest possible resolution.