Artikel

Home > Artikel
 

 

Membuat Animasi Loading


Diposting : 2014-09-23 oleh : WebHozz

loading81


Website akan lebih menarik apabila saat pertama kali kita membukanya, muncul sebuah animasi loading. Animasi ini biasanya sering kita jumpai pada website yang lebih banyak gambar atau fotonya seperti website promosi film, website artis dan lain  – lain. akan tetapi animasi loading ini kurang pas jika diterapkan pada website yg memiliki akses cepat seperti misalnya website portal berita.

Cara kerjanya adalah Dengan bantuan JQuery, Animasi loading akan muncul selama website masih dimuat dan menghilang ketika website sudah siap ditampilkan secara menyeluruh.

Cara membuatnya bagaimana ? Silahkan ikuti langkah – langkah berikut :

 

1. Tambahkan kode HTML  Animasi Loading

2. Tambahkan kode CSS  Animasi Loading

3. Tambahkan kode JavaScript yang menjalankan Animasi Loading

DEMO

DEMO MACAM – MACAM ANIMASI LOADING

DOWNLOAD

Sumber : http://www.webhozz.com/blog/membuat-animasi-loading/




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,