PDA

View Full Version : Do you know this particular link style?!

Have1abanana
07-23-2002, 07:36 PM
Hi all,
Please dont laugh :D
I remember seing a site where the links (when hovered over)
kind of reversed, like a mirror effect, and I cant find it now!
I've looked on the web, but its hard to find the mirror effect (if thats even what it is!)


Can anyone help?!

Well, as always, thanks for looking!!!


:thumbsup:
Tonz
07-23-2002, 08:05 PM
Do you mean something like this (http://www.kymera.co.nz/temp/mirror.html)

Tonz
Tanker
07-23-2002, 09:24 PM
Or do you mean something like this? (could probably be written better, but it works)

This will work in IE, one of the netscape gurus will have to help convert it for NS though. We have a company standard that everyone uses ie 5.5 so I never really get a chance to work with the quirks of cross browser stuff. :(


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript1.2">
<!--
function reverse(string){
myArray = new Array
newLink = new Array
for(i=0;i<string.length;i++){
j=i+1
myArray[i] = string.slice(i,j)
}
myArray.reverse()

for(k=0;k<myArray.length;k++){
newLink = newLink + myArray[k]
}
testing.innerHTML = newLink.toUpperCase()
}

function normal(string){
myArray.reverse()
oldLink = new Array
for(k=0;k<myArray.length;k++){
oldLink = oldLink + myArray[k]
}
testing.innerHTML = oldLink.toUpperCase()
}

//-->
</script>
</head>

<body>
<a href="javascript:" onMouseOver="reverse(this.innerHTML)" onMouseOut="normal(this.innerHTML)" name="testing">TEST LINK GOES HERE</a>
</body>
</html>
Have1abanana
07-24-2002, 04:27 PM
Thank you both for those!
They're exactly what I'm looking for, all I have to do now is use them!

I'd never of found them searching for the code without a clue to the type of code,etc.

Again, thanks for all your help, it makes a huge difference to the look of my page!


THANK YOU!

:thumbsup: