Thursday, December 6, 2012

style.cursor

Properti style.cursor digunakan untuk menetapkan jenis kursor yang akan ditampilkan sebagai pointing device atau piranti penunjuk.

Sintaks:

obj.style.cursor = value;

Nilainya:

  • URL
    Bisa menentukan sendiri jenis kursor yang akan digunakan, pada umumnya jenis ekstensi file yang akan digunakan adalah *.ani, *.csr atau *.cur.
  • Constants
    auto (default), crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help.

Sebagai contoh:

  1. Persiapkan 1 file kursor (*.ani atau *.cur), coba cari saja di komputer anda pasti ada (coba lihat di sistem C > WINDOWS > Cursors).
  2. Ketikkan dokumen HTML di bawah ini di Notepad, lalu simpan dengan nama myDoc.html

    <HTML> <BODY> <A HREF="#" ID="x">Tempatkan pointer dibaris teks ini.</A> <SCRIPT TYPE="text/javascript"> document.getElementById("x").style.cursor = "url(dinosaur.cur)"; </SCRIPT> </BODY> </HTML>

  3. Simpan myDoc.html dan 1 file kursor yang digunakan di satu direktori yang sama, tutorial ini dapat di coba di IE.