View Full Version : Link Animation

11-08-2002, 04:52 PM
I've been asked to make the "new" text links on the front page of a site a little more eye-catching by applying movement orf some sort (e.g., like the 'drop in by word' effect FrontPage has; or perhaps a type-writer sort of effect).

To add a little complication to things, it's important that it function in both NS/IE (preferably NS4+/IE4+).

Any thoughts on how to go about this are welcome. It doesn't necessarily need to be a 'drop in by word'-type effect -- just something that would satisfy that 'movement' requirement. There will probably be 2-4 different headlines at any given time that will need to be incorporated, if that affects things at all.

Thanks for any ideas!

11-08-2002, 07:00 PM
You cannot beat this site for all sorts of interesting effects, etc.



11-08-2002, 07:42 PM
Thanks, I had actually checked that one out - it's the first place I normally go for this sort of thing. The problem is that virtually all the text animations at Dynamic Drive are IE only, and I don't know enough to adjust them to be NS-compatible. The few that work with NS are either (a) rather hideous, (b) not suitable for what I'm trying to do, or (c) only NS6 compatible - which I'll settle for, but am really hoping to find something that will work on NS4+.

Any other ideas? Anyone?

11-10-2002, 09:45 PM
you can make text move left to right with the <marquee> tag, but if you want something relally interesting you will need to go to java applets, a good site linked off javascriptkit.com is freewarejava.com.

11-12-2002, 08:57 AM
First of all, marquees are icky, and the <marquee> element is propriatry IE, and therefore even ickier. I feel personally that using java applets to create some link effects is like shooting a mosquito with an ICBM, and they bring along compatibility issues as well; wouldn't a simple image rollover satisfy your needs? There's tons of info on those around, just check out javascriptkit.com, and they can be made to work on any browser that is able to show images and execute javascript.

11-12-2002, 02:17 PM
You could place a <span.....></span> around each character of your headline. Than use a simple script to change their location randomly (offset +/- 1-3pixels).

<span id="myid" style="position:absolute;left:5;top:6">x</span>

I checked with netscape 6 and opera 5, it seems to work ...