7 Macam Model Variasi Pada Cursor

Ke-7 (tujuh) model variasi cursor ini dapat Anda gunakan sesuai dengan kebutuhan
karena kode pemasangan pada masing-masing tulisan, gambar atau linknya bisa
berbeda-beda sesuai yang Anda inginkan.

Anda lihat screenshotnya yang sebagai berikut :

Untuk contoh dan pemasangan kodenya, Anda bisa lihat di bawah ini. Coba arahkan
atau dekatkan cursor Anda pada gambar atau tulisan di bawah ini :

Contoh cursor "hand"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#00A651" style="cursor:pointer;cursor:hand"><strong>Contoh cursor "hand"</strong></table>

Contoh cursor "crosshair"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#FF00FF" style="cursor:pointer;cursor:crosshair"><strong>Contoh cursor "crosshair"</strong></table>

Contoh cursor "text"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#00FF00" style="cursor:pointer;cursor:text"><strong>Contoh cursor "text"</strong></table>

Contoh cursor "wait"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#FFFF00" style="cursor:pointer;cursor:wait"><strong>Contoh cursor "wait"</strong></table>

Contoh cursor "move"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#FF0000" style="cursor:pointer;cursor:move"><strong>Contoh cursor "move"</strong></table>

Contoh cursor "resize"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#00FFFF" style="cursor:pointer;cursor:sw-resize"><strong>Contoh cursor "resize"</strong></table>

Contoh cursor "help"

<table border="1" width="300" height="30" cellspacing="0" cellpadding="4" bgcolor="#FF9900" style="cursor:pointer;cursor:help"><strong>Contoh cursor "help"</strong></table>

Contoh cursor "wait"

<div style="cursor: wait;">
<img alt="car" height="66" id="slowcar" src="http://www.dynamicdrive.com/buggy.gif" width="136" />

KALIMAT INI ADALAH CONTOH UNTUK CURSOR "TEXT"

<span style="cursor:pointer;cursor:text"><h3><strong>KALIMAT INI ADALAH CONTOH UNTUK CURSOR "TEXT"</strong></h3></span>

Contoh cursor "help"

Mana saja 8 Situs Yang Bikin Kesal?

<div style="cursor: help;">
<a href="URL Anda letakkan di sini" style="cursor: help;">Judul link Anda</a></div>

Selamat mencoba, good luck!