Return to Main Menudzigns by ShivSpacer


Explanation


Grab the Gator! An absolutely marvelous Freebie software for all websurfers. Try this - you'll have no regrets. Trust me.

You may or may not think much of this script, but the fact is with little tweaking, you can get this script to do a lot more than it does now! But here's the bad news! I won't do the tweaking for you :). That, I am afraid, will be, against the best interests of our Commercial Web Site at 3rd Millennium Studio. So, Please do not contact me asking for help - unless, you are willing to pay us!!

Basics are as follows:
  • First I have created a little GIF Image called "go.gif". It's small in all sense. Only 30 x 25 pixels and 550 bytes heavy! Keep it small, so that the image loads quickly enough.
  • Idea is to show the image when the mouse is over a link, follows the mouse movement until you move away from over the link.
  • So how is it different from the usual Show-Hide scripts that I have else where? It has to capture the "MOUSEMOVE" event, over and above the normal function of showing or hiding a "division" on MouseOver & MouseOut respectively. I'm not going to go deep into that - since these have been discussed many times already. Check any of the DHTML scripts posted earlier & you'll find sufficient information on that.
  • Steps are as follows:
    • Sniff out old browsers.
    • Specify the OffSet with respect to the cursor position where the image should popup. Without any offset, the image will tend to get "covered" by the "quot;hand" (of the cursor).
    • Describe the "document". In this case I have named it "Pic".
    • In the next step of the script - the functions ShowIt() & HideIt() do just as the function names imply!
    • Finally, there is a function called function MouseMove. This specifies how & where to popup the little image. What's more, it automatically captures the NEW position of the cursor every time the mouse moves.
  • Just a few more points:
    • The script is written within the body tags directly & AFTER the division tag, as you'll see if & when you take a look at the script.
    • Place both these, i.e. the DIV tag & the SCRIPT right at the bottom of the page - other wise you may land up getting error messages on Macs.
It's all yours, as usual.

Copyright DBS © 1998-2003. All Rights Reserved