Speedometer dengan JQuery

Ini adalah catatan singkat.

Salah satu alternatif untuk membuat Speedometer yang parameter inputannya dapat diubah-ubah ada di halaman berikut ini. Speedometer ini merupakan salah satu dari sekian plugins dari JQuery.

Contoh tampilannya adalah sebagai berikut :

Speedometer

Penggunaannya sederhana.

Di header html, sertakan :


<script src="jquery-1.4.min.js"></script>
<script src="jquery.speedometer.js"></script>
<script src="jquery.jqcanvas-modified.js"></script>
<script src="excanvas-modified.js"></script>

<script>
$(function(){
$('#speedo').speedometer();
});
</script>

Lalu tinggal menambahkan div di bagian body dengan id yang sesuai dengan deklarasi di header (contoh di atas : “speedo”). Contohnya :

<div id="speedo">
	90
</div>

Untuk merubah nilai posisi pada Speedometer, tinggal ubah nilai yang berada di dalam div “speedo”.

Semoga bermanfaat.^^

Iklan

5 thoughts on “Speedometer dengan JQuery

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s