Today is . Page created 07/26/05, updated 03/03/07

Mouse Mouse Clock aka Day/Date Clock

T his script looks at your clock on your computer and has a clock that follows your mouse. Completely reconfigurable to match the colors on your site.

J ust look at your cursor and see the wild looking animated clock!. This clock displays next to the cursor with the verbose date spinning around the clock face.

W e have tested the code in IE7.0, Firefox2.0.0.1, Opera9.10, Netscape8.1.2 and AOL Explorer1.5. This script worked in IE7.0, Opera9.10, and AOL Explorer1.5. In all other platforms tested you will not see this effect. It degrades well and you will not get any error messages.

D epending on your knowledge of HTML and javascripts, this is an easy one part copy and paste code that goes anywhere in the <BODY> section of your document with minimal reconfigurations. The reconfigurations are basically self-explanatory. See below:

<SCRIPT language=JavaScript>
dCol='000000';//date colour.
fCol='000000';//face colour.
sCol='000000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

A s you can see in the above reconfigurations, they are basically self-explanatory and quite simple. Just play around with them until you come up with the colors, size and X & Y positioning that work for you.

A s you can notice, we have the right side of the page blank. We did this just for effect so you can see the clock surrounding the cursor a little better. All we did to get this effect was to place almost everything in a defined table of 70% aligned to the left.

We hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our FAQ ] and if you can't find the answer there, contact us ].
Get Code Here ]   [ Rate This Page ]  

Talk Live To A Support Technician

Search Our Site By Individual letter

A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ Form Index ]

News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-