Smooth tekst toevoegen voor een woord

Status
Niet open voor verdere reacties.

BigRoy

Nieuwe gebruiker
Lid geworden
11 okt 2011
Berichten
1
Hey!

Ik zag op de website van Minivegas dat als je over een menu-item gaat met je muis dat hij een lettertje toevoegt voor het menu item. Op de site gebeurd dit heel smooth en clean. Hier is de site: http://minivegas.net/

Kan iemand me vertellen hoe ik zoiets kan doen met javascript? Als ik het gewoon met jQuery en prepend dan staat het er plots voor en verspringt het. Op de site van Minivegas lijkt het anders te gebeuren.

Iemand enig idee?

Alvast bedankt!

Groet,
Roy
 
Als ik het goed zie staat er al een \ maar heeft deze een font-size van 0px, als je moet je muis er overheen gaat wordt hij snel vergroot naar 14px

zo zou dat bijvoorbeeld kunnen: (niet getest, maar zou moeten werken)
HTML:
<a href='#' id='dezelink'><span id='backslash' style='font-size: 0px;'>\ </span>tekst hierin</a>
[JS]
$("#dezelink").hover(
function () {
$(this).find("span#backslash").animate({"font-size": "14px"}, "fast");
},
function () {
$(this).find("span#backslash").animate({"font-size": "0px"}, "fast");
}
);

[/JS]

mvg. Ecross
 
Ik hoorde voor het eerst over deze mini-site, het is nieuwsgierig ah!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan