Cursor Properties ( Macam-Macam Effek Cursor ) Untuk menghindari rasa jenuh ngeblog, akhir-akhir ini saya agak mengurangi FullTime Ngeblog saya,
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
"Fulltime blogger, punya kerjaan wah (work at home) dan sah (stay at home)"
kata Ahmad Isnainitapi 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 cursorApa yang bisa Sobat temukan dari contoh di atas ? Saya kasih yang lebih banyak,
Cursor Type | Example (Move Mouse Over Text) |
auto | Shows it according to how the viewer has it set (plain) |
crosshair | Looks like a cross |
default | Makes the cursor stay the same |
move | Looks like you should be moving something |
hand | The hand you usually see over links |
help | A question mark beside the arrow |
text | The bar you see when the mouse is over text |
wait | The "waiting" hourglass! |
n-resize | An arrow- North |
s-resize | An arrow- South |
e-resize | An arrow- East |
w-resize | An arrow- West |
ne-resize | An arrow- NorthEast |
nw-resize | An arrow- NorthWest |
se-resize | An arrow- SouthEast |
sw-resize | An 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,
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