<html><head><title>Change the cursor using css, by #2pencil</title>
<style type="text/css">
p.auto{ cursor:auto; }
p.cross{ cursor:crosshair; }
p.default{ cursor:default; }
p.pointer{ cursor:pointer; }
p.move{ cursor:move; }
p.eresize{ cursor:e-resize; }
p.neresize{ cursor:ne-resize; }
p.nwresize{ cursor:nw-resize; }
p.nresize{ cursor:n-resize; }
p.seresize{ cursor:se-resize; }
p.swresize{ cursor:sw-resize; }
p.sresize{ cursor:s-resize; }
p.wresize{ cursor:w-resize; }
p.text{ cursor:text; }
p.wait{ cursor:wait; }
p.help{ cursor:help; }
</style>
<body>
<p>Move the mouse over the words to see the cursor change:</p>
<p class=auto>Auto</p>
<p class=cross>Crosshair</p>
<p class=default>Default</p>
<p class=pointer>Pointer</p>
<p class=move>Move</p>
<p class=eresize>e-resize</p>
<p class=neresize>ne-resize</p>
<p class=nwresize>nw-resize</p>
<p class=nresize>n-resize</p>
<p class=seresize>se-resize</p>
<p class=swresize>sw-resize</p>
<p class=sresize>s-resize</p>
<p class=wresize>w-resize</p>
<p class=text>text</p>
<p class=wait>wait</p>
<p class=help>help</p>
</body></html>
akroncdnr 0 Newbie Poster
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.