Now, to apply the "highlight" effect to a table, simply add the following code inside the  tag itself, like below:

" "
Where "lightgreen" represents the color the cells change to when the mouse is over them, and "white" the color when the mouse moves out. Feel free to change these values to another. To exclude any cell(s) from the rollover effect, simply give that cell an id="ignore" declaration, inserted inside the tag. For example:
Main Menu Eggs Ham

floating images program






step 3 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@




###################################################################### Step 1: Download the following .js file and upload it into your webpage directory (either by clicking it, or clicking it with the shift key depressed for NS users): moveobj.js Step 2: Add the following into the section of your page: add block step 2 Step 3: Add the following into the section of your page, outside any other tags. This contains the actual HTML codes used to display the images themselves: add block step 3 Step 4: Finally, add the following event handlers inside the tag itself, like this: You now essentially have the script installed and ready to run. Read on to see how to configure it to your liking. Configuring the script As mentioned in the description, this script can animate an unlimited number of images. The instructions above creates a situation where three images are animated (like in the demo). Obviously, you'll want to know how to configure it to handle any number of images. The process to this is very simple. Each image is identified throughout the entire script with the name "chipx". For example, the first image is called "chip1", the second "chip2", and so on. Look in the code of Steps 2, 3, and 4 (yes, all of them are involved). Here are the exact steps to modifying the script so it animates any number of images: 1) Inside the code of Step 2, add/delete more "chipx" variables to it as specified in the documentation, depending on the number of images you're using. 2) Inside the code of Step 3, add/delete more of the
tags to your page accordingly as well. Make sure the "ID" attribute inside each of these
is defined with the unique chip name of the flying image (ie: chip1). 3) Finally, you need to make a small change to the code of Step 4. Let's say I'm animating two images. The code after the change would be: onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2');}" Notice how I called the stopme() function two times, each with the ID of the two images used as it's parameter. If I were animating four images, the code would look like the following instead: onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2');stopme('chip3');stopme('chip4');}" That's all there is to it. The instructions may look long, but luckily, it shouldn't take you long to figure out exactly how to configure this great script to your liking!

trailing cursors images





Step 1: Copy the following images into your website directory (6 images):

     

Step 2: Finally, add the below fragment to the  section of your page:

For those who wish to customize the images used for the trail, all the changes should be done in the T1 array. The first parameter references the image's file name, while the second and third specifies the image's dimensions.