Mouse Position Show

Dimana sebenarnya posisi cursor saat tangan menjelajah titik-demi titik halaman blog ? Mouse Position Show akan menolong kamu untuk mengetahuinya !

D E M O

Langkah untuk membuat Mouse Position Show :

1. Amankan Template terlebih dahulu!

2. Tetap di Edit HTML kemudian cari KODE ]]></b:skin>

3. Copy paste KODE javascript di bawah ini dan letakkan persis di bawahnya.

Javascript Mouse Position Show :

<script type='text/javascript'>

function init(){document.onmousemove = showMousePos;}
function showMousePos(e){if (!e) e = event;var input = document.getElementById('mousepos');
var mp = getMousePosition(e);input.value = 'x : ' + mp.x + ', y : ' + mp.y;}
function getMousePosition(e){return e.pageX ? {'x':e.pageX, 'y':e.pageY} : {'x':e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft, 'y':e.clientY + document.documentElement.scrollTop + document.body.scrollTop};};window.onload = init;

</script>

4. KLIK Simpan Template.

5. Gunakan KODE berikut di bagian body.

<p>Mouse Position :<input id='mousepos'></p>

6. Buka blog untuk melihat hasilnya!

Related Post: