Home > Developer > Web Develop
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title>css defining the mouse cursor </title>
<style>
. p1{
Cursor:auto;
}
. p2{
Cursor:crosshair;
}
. p2{
Cursor:col-resize;
}
. p3{
Cursor:default;
}
. p4{
Cursor:hand;
}
. p5{
Cursor:move;
}
. p6{
Cursor:help;
}
. p7{
Cursor:no-drop;
}
. p8{
cursor:not-allowed;
}
. p9{
Cursor:pointer;
}
. p10{
cursor:progress;
}
. p11{
Cursor:row-resize;
}
. p12{
Cursor:text;
}
. p13{
Cursor:vertical-text;
}
. p14{
cursor:wait;
}
p{
height:20px;
Background: #999999;
border:1px solid #000000;
margin:0 0 10px 0;
}
</style>
<body>
<p class= "P1" > Cursor effects </p>
<p class= "P2" > Drag effects </p>
<p class= "P3" > No effects </p>
<p class= "P4" > Link Small hands </p>
<p class= "P5" > Move cursor </p>
<p class= "P6" > Cursor with question mark </p>
<p class= "P7" > Non-operable cursors </p>
<p class= "P8" > Non-operable </p>
<p class= "P9" > Small hands </p>
<p class= "P10" > Cursors with a runner </p>
<p class= "P11" > Cursor up/down drag </p>
<p class= "P12" > Normal typing Cursors </p>
<p class= "P13" > Vertical-ranked text cursor </p>
<p class= "P14" > System busy Cursor </p>
</body>
Transferred from: http://www.codefans.net/jscss/code/2268.shtml
http://www.cnblogs.com/polk6/p/3142142.html (CSS selector and how to refer to each style)
Use CSS to define different mouse cursor styles
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
