![]() |
|
Welcome to the UndergroundScene Forums forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! |
|
|||||||
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|
#1 (permalink) |
|
Senior Member
Join Date: Feb 2003
Location: Dundee
Posts: 4,101
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Non-image rollovers?
Non flash either.
I'm trying to find a way to morph one word into another on mouseovers, without using animated gifs. Any ideas? I'm thinking I might have to h4x0r some javascript, but that would involve learning it first =/ |
|
|
|
|
|
#2 (permalink) |
|
Senior Member
Join Date: Apr 2002
Location: Dundee/Alyth hybrid
Posts: 1,491 Band: 15 Minutes
![]() ![]() ![]() ![]() ![]() ![]() |
how do you mean morph? if you want a slow morph you're gonna have to learn javascript fast.
If you just want to change the text quickly you can use some simple javascript. If it's not an anchor tag that the text is in, place it in a <span>. You then give the span an id ( call id "morph_text" ). Then but a hendler in for the span's onMouseOver and onMouseOut events. I'd use a function called morph the function calls would look something like this <span id="morph_text" onMouseOver="morph(this,'changed Text')" onMouseOut="morph(this,'Text to Change')">Text to Change</span> and the function would look like this function morph(element,text){ element.innerHTML = text; } i can't remember is span's are represented in javascript DOM so you might have to do the following function instead function morph(element,text){ document.all.morph_text.innerHTML = text; } Hope that's some help if you want a slower morph you could do it charachter at a time ( using an array) with a 0.5 second time delay between function calls. |
|
|
|
![]() |
| Thread Tools | |
| Display Modes | |
|
|