{"id":232243,"date":"2023-01-24T15:19:00","date_gmt":"2023-01-24T12:19:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232243"},"modified":"2023-01-24T15:19:53","modified_gmt":"2023-01-24T12:19:53","slug":"jquery-kuidas-animeerida-ueles-kerimist-ja-lahtrisse-kerimist","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/jquery-kuidas-animeerida-ueles-kerimist-ja-lahtrisse-kerimist\/","title":{"rendered":"JQuery \u2013 kuidas animeerida \u00fcles kerimist ja lahtrisse kerimist?"},"content":{"rendered":"

javascript<\/p>\n

JQueryl<\/a> on mugav funktsioon protot\u00fc\u00fcp animeerida<\/strong>, mis v\u00f5tab esimeseks parameetriks esimesed l\u00f5plikud CSS<\/a> -i atribuudid ja teise parameetrina kiiruse, nt "kiire", "aeglane" v\u00f5i m\u00e4\u00e4ratud ajavahemik. Kolmas parameeter on valikuline tagasihelistamine p\u00e4rast animatsiooni k\u00e4ivitamist. l\u00f5petanud.<\/p>\n

var properties = { color: red; };\n$('div').animate(properties, \"fast\", function() {});<\/code><\/pre>\n
Oma isiklikul veebisaidil<\/a> kujundasin hiljuti lehe v\u00e4ljavaate \u00fcmber, et muuta see t\u00e4ielikult mobiilikasutajas\u00f5bralikuks<\/a>. Ekraani fikseeritud kohtades on kaks linki, ‘Navigeerimine’ ja ‘\u00dclemine’.<\/p>\n
Navigeerimine<\/h3>\n
Navigeerimismen\u00fc\u00fc asub lehe p\u00f5hisisu j\u00e4rel ja seet\u00f5ttu tuleks defineerida div<\/strong> n\u00e4iteks id=’navigate’. Seej\u00e4rel lisage j\u00e4rgmine JQuery<\/a> kood.<\/p>\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>\n
\u00dcles<\/h3>\n
K\u00f5igepealt peaksite m\u00e4\u00e4rama ankru nt<\/p>\n
<a name='top'><\/a><\/code><\/pre>\n
Asetage see kohe p\u00e4rast ja lisage j\u00e4rgmine JQuery<\/a> kood:<\/p>\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
kerige<\/p>\n
:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
JQuery \u2013 kuidas animeerida \u00fcles kerimist ja lahtrisse kerimist?<\/p>\n","protected":false},"author":1,"featured_media":224394,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,729,894,842,863],"tags":[1165],"class_list":["post-232243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-javascript-4","category-kood","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/232243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=232243"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/232243\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/224394"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=232243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=232243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=232243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}