sliding div
de kop wordt vloeiend op zijn plaats gezet

home | index | menu | help

Er is geen CSS ondersteuning.


		
		

Met een paar regels javascript wordt de kop van de pagina vloeiend op zijn plaats gezet. Om dit effect op jouw pagina('s) te gebruiken plaats je de broncode van de sliding-div op jouw webruimte en gebruik het script en de, bijbehorende, CSS waar je maar wilt.

De getalletjes die gebruikt zijn in de CSS en het script gelden voor deze pagina van de dns5. Je kan met dit script natuurlijk elke div op jouw pagina "aanspreken" en echt alles (wat betreft de CSS) in het script doen veranderen. Ik heb nu de obj.style.top en de obj.style.color gewijzigd, maar met hetzelfde gemak kan je ook b.v. de z-index aanpassen (b.v. x.style.zIndex=-1).

De sliding-procedure is foutloos v.w.b. het script en valideert html5 en css2/css3. Af en toe zeg ik het maar eens: Hoe klein een pagina ook is, probeer altijd foutloze code te schrijven en check de html(5) en de css of deze ook volkomen valideert (mits mogelijk natuurlijk). Je doet jezelf en jouw bezoekers er een groot plezier mee.

cache 03-06-2010