Thought I'd better create a forum for this :)

So, is anyone using this as a reference for customising the other scripts, or perhaps as a basis for new projects?

Also, I noticed a nice collection of other libraries available at http://www.timmorgan.info/dhtml/libraries if you're looking for something a little more heavyweight.

- Angus.

Hey, glad you've found it useful :).

My API is pretty light, it only provides the necessary stuff that differs between browsers, rather than high-level "move" or "drag" functions etc. Then again it's only 1 or 2kb in size.

What you need to do is use either the window.setInterval or window.setTimeout JavaScript commands to call a function every 50 milliseconds or so (so it works out at 20 frames per second, which is smooth-ish animation). That function can then use my layer API to set the position of a layer, and keep a counter of animation frames etc, like the bezier animation in the example.

Good luck - Angus.

Geoff,

If you're still interested in scripts for "sliding" layers (or DIVs) around, it's a fairly easy thing to do. I wrote some code to do this for a project I did over 7 years ago. It was possible even with the browsers of that day, so it's probably even easier now. Back then, as I recall, I had to check the browser type, and use layers for Netscape or DIVs for MSIE.

Now, I'd recommend ONLY using DIVs, since all modern browsers have good support for DIVs. Use the SetInterval or SetTimeout commands as Angus suggested, and it should be a breeze.

Just  FYI, In the application I wrote, I had several layers sliding around all at the same time, using the SetTimeout command, adjusting the top and left properties, as necessary.