1. About.com
  2. Computing & Technology
  3. JavaScript

Animation

One thing that you can use JavaScript for is to animate your web page. This series of tutorials takes you from simple animation such as making something appear or disappear through to moving something around the page however you want.

Some Complete Animations
JavaScript Spotlight10

JavaScript

Farewell

Sunday September 4, 2011

After seven years of writing content for this site I have decided that it is time to move on.

Analog Clocks

Saturday September 3, 2011

Old JavaScript never die, they just get rewritten. In between writing new scripts and tutorials, I occasionally revisit old scripts and look into what needs to be done to update them. Some time after first writing them I revisited both my original analog clock script and also the more recently written multi-clock version to see what needed to be done to modernise them. In the case of the multi-clock version it already has most of the code enclosed within objects to minimise interference from other scripts and completely unobtrusive and so I made just a few minor tweaks to the code to make it slightly shorter without changing the way it works at all. The original script underwent somewhat bigger changes as I reworked the code based on some of what is in the multi-clock version to remove the need for the body script and to make it unobtrusive. There is no point in my also amending it to enclose the code in an object because that would just make it the same as the multi-clock version. If you write your own scripts you will need to revisit them occasionally to bring the code more up to date. The biggest problem when you have lots of scripts is to prioritise which ones to update first.

Analog Clocks

Slide Show

Friday September 2, 2011

Let your visitors step through a selection of images one after the other with a JavaScript slideshow. A variation on the mouseover script that will load a succession of images in a "slide show" as your visitor selects the "next" link. They can even go back to the previous image and the entire slideshow wraps around to the first image when they reach the end.

Slide Show

Cycling Banner

Thursday September 1, 2011

Animate your images with JavaScript. You can use JavaScript to replace images on your page at regular intervals. This is useful for when you want to use photos or other images that can't be incorporated into animated gifs.

Cycling Banner

  1. About.com
  2. Computing & Technology
  3. JavaScript

©2011 About.com. All rights reserved. 

A part of The New York Times Company.