Install instructions

1) Download the demo.zip file.
2) Extract all the files and folders into your web folder.
3) Open your web page in Notepad or Wordpad and copy the following in the HEAD section of your document

<!-- *** BEGIN CUT - Start Code *** -->
<!-- * You may use this code for free on any web page provided that
      * these comment lines and the following credits remain in the code.
      * "Mouse Squidie Script" http://www.javascript-fx.com
      * Images "Alien Caterpillar" by Roy Whittle http://www.javascript-fx.com
-->
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_Layer.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_Browser.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_Mouse.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_MouseSquidie.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
function JSFX_StartEffects()
{
     
JSFX.MakeMouseSquidie(15,"<img src='images/alien_head.gif'>"
                                                ,"<img src='images/alien_tail.gif'>");
}
//-->
</SCRIPT>
<!-- *** END CUT - End Code *** -->

4) Put the following in the BODY TAG of your document

<BODY onLoad="JSFX_StartEffects()">

5) Upload the following folders to your webserver

  • images/
  • javascript/

6) Upload your document.


Customization.
Param1: 15 - Number of segments in the squidie.
Param2: "<img src='images/alien_head.gif ' >" - The image for the head of the mouse trail.
Param3: "<img src='images/alien_tail.gif ' >" - The image for the tail of the mouse trail.

You can add multiple different images for the tail. See the Alien Arachnid demo for an example.

Also See...
Using External ".js" Files
Combining Multiple Scripts.