javascript<\/p>\n
JQueryssa<\/a> on k\u00e4tev\u00e4 funktion prototyyppi animate<\/strong>, joka ottaa ensimm\u00e4iset lopulliset CSS<\/a> -ominaisuudet ensimm\u00e4iseksi parametriksi ja nopeuden toiseksi parametriksi, esim. "fast", "slow" tai m\u00e4\u00e4ritetty aikav\u00e4li. Kolmas parametri on valinnainen takaisinsoitto animaation j\u00e4lkeen. valmis.<\/p>\n Suunnittelin \u00e4skett\u00e4in henkil\u00f6kohtaisen verkkosivustoni<\/a> ulkoasun uudelleen, jotta se olisi t\u00e4ysin mobiilik\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen<\/a>. N\u00e4yt\u00f6n kiinteiss\u00e4 kohdissa on kaksi linkki\u00e4, ’Navigointi’ ja ’Yl\u00e4osa’.<\/p>\n Navigointivalikko on sivun p\u00e4\u00e4sis\u00e4ll\u00f6n j\u00e4lkeen, joten sinun on m\u00e4\u00e4ritett\u00e4v\u00e4 div<\/strong> esim. id=’navigate’. Lis\u00e4\u00e4 sitten seuraava JQuery<\/a> – koodi.<\/p>\n Sinun pit\u00e4isi ensin m\u00e4\u00e4ritell\u00e4 ankkuri esim<\/p>\n Aseta t\u00e4m\u00e4 heti per\u00e4\u00e4n ja lis\u00e4\u00e4 seuraava JQuery<\/a> – koodi:<\/p>\n rullaa<\/p>\nvar properties = { color: red; };\n$('div').animate(properties, \"fast\", function() {});<\/code><\/pre>\nNavigointi<\/h3>\n
$(\"a[href='#navigate']\").click(function(){\n\u00a0 \u00a0 $(\"html, body\").stop().animate(\n\u00a0 \u00a0 \u00a0 \u00a0 {scrollTop:$(\"div#navigate\").offset().top}, \"slow\");\n\u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 })\n});<\/code><\/pre>\nYl\u00f6s<\/h3>\n
<a name='top'><\/a><\/code><\/pre>\n$(\"a[href='#top']\").click(function(){\n\u00a0 \u00a0 $(\"html, body\").stop().animate(\n\u00a0 \u00a0 \u00a0 \u00a0 {scrollTop:0}, \"slow\");\n\u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 })\n});<\/code><\/pre>\n