-->

Minggu, 07 Agustus 2011

Cursor Properties ( Macam-Macam Effek Cursor )

author photo
Cursor Properties ( Macam-Macam Effek Cursor )  Untuk menghindari rasa jenuh ngeblog, akhir-akhir ini saya agak mengurangi FullTime Ngeblog saya,
"Fulltime blogger, punya kerjaan wah (work at home) dan sah (stay at home)" 
kata Ahmad Isnaini 
tapi masih saya targetkan minimal posting sehari satu. Huft . . . memang, mendekati Bulan Puasa hawa-hawanya agak gimana gitu . . . tapi tetep gembira ^^
Waduh, curhat jadi kebawa-bawa dalam tutorial nih jadinya.
Oke, Sobat-Sobat Blogger sejati. Kali ini yang kita bahas bukan tutorial untuk membuat ini, itu, tapi kita akan refreshing sejenak.
Ternyata setelah saya telusuri lebih dalam, effek cursor/pointer pada komputer, yang misalkan sedang loading, maka bentuuk cursornya seperti bulat-bulat gimana, pokoknya setiap tindakan tertentu bentuk cursor berbeda-beda. Nah, hal inilah yang akan kita terapkan ke dalam HTML. Hmmmm . . .   kedengarannya seru ^^
Langsung ke TKP , perhatikan script dan hasilnya berikut ini

<SPAN style="cursor:wait">Sorot text ini dengan cursor</SPAN>
Sorot text ini dengan cursor
Apa yang bisa Sobat temukan dari contoh di atas ? Saya kasih yang lebih banyak,

Cursor TypeExample (Move Mouse Over Text)
autoShows it according to how the viewer has it set (plain)
crosshairLooks like a cross
defaultMakes the cursor stay the same
moveLooks like you should be moving something
handThe hand you usually see over links
helpA question mark beside the arrow
textThe bar you see when the mouse is over text
waitThe "waiting" hourglass!
n-resizeAn arrow- North
s-resizeAn arrow- South
e-resizeAn arrow- East
w-resizeAn arrow- West
ne-resizeAn arrow- NorthEast
nw-resizeAn arrow- NorthWest
se-resizeAn arrow- SouthEast
sw-resizeAn arrow- SouthWest

Apakan ada yang aneh dengan tulisan pada tabel di atas ? Coba arahkan cursor ke tulisan pada box yang kanan. Nah, itulah macam-macam cursor properties
Bagaimana cara membuatnya ? Mudah Sobat, kodenya adalah seperti ini,
 <SPAN style="cursor:style">MASUKKAN TEXT</SPAN>
Yang merah ganti dengan Cursor Type yang pada tabel di atas, dan yang biru ada textnya. Sangat mudah :D

This post have 0 komentar


EmoticonEmoticon

Next article Next Post
Previous article Previous Post