Obral Cursor SerebuTiga hahahah XD

Style Object cursor Property

Definition and Usage

The cursor property menentukan type dari cursor yang ingin di tampilkan.

Example

javaScript

<script type="text/javascript">
var gudang = [
"http://www.virtualkiss.com/cursor/butterfly.cur", 
"http://www.virtualkiss.com/cursor/arrow1.cur", 
"http://www.virtualkiss.com/cursor/arrow2.cur", 
"http://www.igjp.net/masa/cursor/cursor1.cur", 
"http://www.virtualkiss.com/cursor/candy1.cur", 
"http://www.igjp.net/masa/cursor/cursor2.cur", 
"http://www.igjp.net/masa/cursor/cursor3.cur", 
"http://cur.cursors-4u.net/mechanics/mec-2/mec106.cur", 
"http://cur.cursors-4u.net/anime/ani-10/ani948.cur",
"http://cur.cursors-4u.net/special/spe-1/spe20.cur", 
"http://cur.cursors-4u.net/anime/ani-11/ani1030.cur", 
"http://cur.cursors-4u.net/anime/ani-2/ani201.cur", 
"http://cur.cursors-4u.net/toons/too-10/too931.cur", 
"http://cur.cursors-4u.net/games/gam-12/gam1143.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat4.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat32.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat69.cur", 
"http://cur.cursors-4u.net/holidays/hol-1/hol4.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat95.cur", 
"http://cur.cursors-4u.net/special/spe-2/spe114.cur"
];
var hm = gudang.length;

function changeCursor(id)
{
var gr = Math.floor(hm*Math.random());
var gm = Math.floor(hm*Math.random());

document.body.style.cursor="url(" +gudang[gr]+ "),default";
document.getElementById(id).style.cursor="url(" +gudang[gm]+ "),wait";
}
</script>


<a href="javascript:void(0)" onClick="changeCursor('Blog1')">Change Cursor</a>

Manual CSS

tunjuk disini
<div style="cursor:url(http://www.virtualkiss.com/cursor/butterfly.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://www.virtualkiss.com/cursor/arrow1.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://www.virtualkiss.com/cursor/arrow2.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://www.igjp.net/masa/cursor/cursor1.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://www.virtualkiss.com/cursor/candy1.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://www.igjp.net/masa/cursor/cursor2.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://www.igjp.net/masa/cursor/cursor3.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/mechanics/mec-2/mec106.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/anime/ani-10/ani948.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/special/spe-1/spe20.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/anime/ani-2/ani201.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/toons/too-10/too931.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/games/gam-12/gam1143.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/nature/nat-1/nat4.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/nature/nat-1/nat32.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/nature/nat-1/nat69.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/holidays/hol-1/hol4.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/nature/nat-1/nat95.cur),wait;">ini isi div</div>

tunjuk disini
<div style="cursor:url(http://cur.cursors-4u.net/special/spe-2/spe114.cur),wait;">ini isi div</div>

General CSS

<style type="text/css">
\*Semua Bagian pada tag Body*\
body {
  cursor: url(http://cur.cursors-4u.net/special/spe-2/spe114.cur),default;
}
\*Semua tag Div*\
div {
  cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat95.cur),default;
}
\*Semua tag P atau Paragraph*\
p {
  cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol4.cur),default;
}
\*Semua tag A atau Address atau Link (a:link)*\
a {
  cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat69.cur),default;
}
\*Semua tag dengan id="Blog1"*\
#Blog1 {
  cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat32.cur),default;
}
\*Semua tag dengan class="widget"*\
.widget {
  cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat4.cur),default;
}
</style>

Event Handlers
(bukan cuman onClick doang, tapi masih banyak yang lainnya)

Mulai versi HTML 4.0 udah mulai di terapin HTML events trigger actions di dalem browser, kaya buat nyalain JavaScript pas user clicks on an HTML element. Dibawah ini nih, daftar dari attributes yang bisa di sisipin ke HTML tags buat ngebaca event actions.
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C Standard.

Attribute	The event occurs when...	IE	F	O	W3C
onblur	An element loses focus	3	1	9	Yes
onchange	The content of a field changes	3	1	9	Yes
onclick	Mouse clicks an object	3	1	9	Yes
ondblclick	Mouse double-clicks an object	4	1	9	Yes
onerror	An error occurs when loading a document or an image	4	1	9	Yes
onfocus	An element gets focus	3	1	9	Yes
onkeydown	A keyboard key is pressed	3	1	No	Yes
onkeypress	A keyboard key is pressed or held down	3	1	9	Yes
onkeyup	A keyboard key is released	3	1	9	Yes
onmousedown	A mouse button is pressed	4	1	9	Yes
onmousemove	The mouse is moved	3	1	9	Yes
onmouseout	The mouse is moved off an element	4	1	9	Yes
onmouseover	The mouse is moved over an element	3	1	9	Yes
onmouseup	A mouse button is released	4	1	9	Yes
onresize	A window or frame is resized	4	1	9	Yes
onselect	Text is selected	3	1	9	Yes
onunload	The user exits the page	3	1	9	Yes

Limited-Edition