webForumDet fria alternativet

Alla länkar fadas in och ut riktigt snyggt

JavaScript

7 svar · 514 visningar · startad av bikic

Medlem sedan juni 2006261 inlägg
Frågan#1

Hej!

Om ni tittar på följande länk så ser ni att alla länkar fadas in ocu ut, riktigt snyggt dessutom. Jag har försökt gå igenom källkoden men hittar inte det som kan göra det möjligt.

Någon som har tips, förslag är ren kod som kan lösa detta.

http://demo.samuli.me/wp/smartstart/elements/

Medlem sedan juni 20019 519 inlägg
#2

jquery ui har animation på css klasser som du kan byta färger på bakgrundsbilder annars kan du ju göra det med CSS3 transition

Medlem sedan nov. 200013 890 inlägg
#3

Jag vet inte vilka länkar det är du tänker på men sidan använder jQuery så det är troligtvis funktioner därifrån.

/r God tvåa

Medlem sedan juni 20019 519 inlägg
#4

Web-Tor skrev:

Jag vet inte vilka länkar det är du tänker på men sidan använder jQuery så det är troligtvis funktioner därifrån.

/r God tvåa

jag gissar att det var de knapparna nere i höger hörn (orange)

ser du CSS koden så är det transions på deras kod:

-moz-transition: background-color 0.2s ease 0s

(Firefox+firebug)

Medlem sedan juni 2006261 inlägg
#5

Tackar!

Är det någon av er som vet vad modernizr gör?

Medlem sedan juni 20019 519 inlägg
#6

Ja, den kollar vilka möjligheter webbläsaren besökaren har (och du kan sätta CSS block för att rikta in dig på vad som händer om du har stöd för det) + du kan kolla med js och inkludera shivs/polyfills för funktioner som inte stöds av webbläsaren som en besökare är på (exempelvis placeholder, history osv)

Medlem sedan juni 2006261 inlägg
#7

Det var överkurs, tack! ;)

Medlem sedan juni 20019 519 inlägg
#8

Vi kan ju ta transions som exempel, om webbläsaren inte har stöd för det så skulle du kunna ladda in jquery ui och fixar det med JS (även om jquery ui är liiite onödigt stort för att bara lösa transions på bakgrunden)

262 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)