These are the simple install instructions

1) Download the demo files.
2) Extract all the files into your webpage directory.
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="JSFX_Layer.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="JSFX_Browser.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="JSFX_Mouse.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="JSFX_MouseSquidie.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
function JSFX_StartEffects()
{
     
JSFX.MakeMouseSquidie(15,"<img src='alien_head.gif'>"
                                                ,"<img src='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 files to your webserver

  • JSFX_Layer.js
  • JSFX_Browser.js
  • JSFX_Mouse.js
  • JSFX_MouseSquidie.js

6) Upload all the following images (or just the ones you need).

  • alien_head.gif
  • alien_tail.gif
  • ant_head.gif
  • ant_tail.gif
  • spider_head.gif
  • spider_tail.gif
  • spider_tail2.gif
  • worm_head.gif
  • worm_tail.gif

Customization.
Param1: 15 - Number of segments in the squidie.
Param2: "<img src='alien_head.gif ' >" - The image for the head of the mouse trail.
Param3: "<img src='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.