[DHTML] Circling text trail UPDATE

[jscheuer1]

1) CODE TITLE: Circling text trail

2) AUTHOR NAME/NOTES: Tim Tilton - updated by jscheuer1

3) DESCRIPTION: Just an update to Tilton's outdated script. It uses the original's math for the trail, more or less, but is updated:

It's more configurable, now uses DOM level 2 to make the trail, exposes no global variables, follows the cursor even on wide pages, and works in modern browsers with or without a valid URL DOCTYPE.

4) URL TO CODE: http://home.comcast.net/~jscheuer1/side/circle_text_update.htm

or, ATTACHED BELOW (see #3 in guidelines below):

[ddadmin]

Nice update! It even works in IE8 beta2 btw, which I've found trips up quite a few scripts that deal with CSS positioning. I've gone ahead and updated the script on DD to match: http://www.dynamicdrive.com/dynamicindex13/circletext.htm

p.s: I never realized this until now, but orientation wise the script has always shown the circling message in a "mirror writing" way whenever the text comes into the foreground. Probably an error in the Math the original author either didn't realize, or realized too late into writing the script. lol

[jscheuer1]

Nice update!

Thanks!

I never realized this until now, but orientation wise the script has always shown the circling message in a "mirror writing" way whenever the text comes into the foreground. Probably an error in the Math the original author either didn't realize, or realized too late into writing the script. lol

Well, if I understand what you are saying, yes and no. I think Tim just liked the way it looked with the upper portion of the circle/oval being able to be read LTR. However, Tim also provided (and I preserved, from the update code):

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

So, if you want the lower portion of the circle/oval to read LTR, just use a negative value for 'rotation'. Of course, this will make the upper portion RTL, but in a rotating circle/oval, you cannot have both upper and lower go in the same direction.