http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FCSS_Attributes_and_Javascript_Style_Properties%2Fcursor
HTML/CSS/CSS Attributes and Javascript Style Properties/cursor - История изменений
2026-04-04T12:26:05Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/cursor&diff=4828&oldid=prev
в 09:20, 26 мая 2010
2010-05-26T09:20:59Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:20, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/cursor&diff=4829&oldid=prev
Admin: 1 версия
2010-05-26T08:16:02Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Change Cursor==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<style type="text/css"><br />
.xlink {cursor:crosshair}<br />
.hlink{cursor:help}<br />
</style><br />
</head><br />
<body><br />
<b><br />
<a href="http://www.wbex.ru" class="xlink">CROSS LINK</a><br />
<br><br />
<a href="http://www.wbex.ru" class="hlink">HELP LINK</a><br />
</b><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
=="cursor" Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<div class="explanations" <br />
style="background-color:#dddddd; <br />
cursor:hand;"><br />
Move the mouse over this element to see the hand cursor.<br />
</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==cursor: move==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
div {<br />
cursor: move;<br />
border: thin solid black;<br />
width: 100px;<br />
height: 100px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div>cursor<br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==cursor: url("ani.ani")==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
div {<br />
cursor: url("ani.ani");<br />
border: thin solid black;<br />
width: 100px;<br />
height: 100px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div><br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==cursor: wait==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
body {<br />
margin: 15%;<br />
}<br />
a:link {<br />
cursor: wait;<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<div id="content"><br />
<h2>Heading in DIV</h2><br />
<p>A <a href="http://www.wbex.ru">A LINK</a>. <a href="http://www.wbex.ru">Another link</a></p><br />
<br />
<br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Mouse cursor List==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<p>Move the mouse over the words to see the cursor change:</p><br />
<span style="cursor:auto"> Auto</span><br /><br />
<span style="cursor:crosshair"> Crosshair</span><br /><br />
<span style="cursor:default"> Default</span><br /><br />
<span style="cursor:pointer"> Pointer</span><br /><br />
<span style="cursor:move"> Move</span><br /><br />
<span style="cursor:e-resize"> e-resize</span><br /><br />
<span style="cursor:ne-resize"> ne-resize</span><br /><br />
<span style="cursor:nw-resize"> nw-resize</span><br /><br />
<span style="cursor:n-resize"> n-resize</span><br /><br />
<span style="cursor:se-resize"> se-resize</span><br /><br />
<span style="cursor:sw-resize"> sw-resize</span><br /><br />
<span style="cursor:s-resize"> s-resize</span><br /><br />
<span style="cursor:w-resize"> w-resize</span><br /><br />
<span style="cursor:text"> text</span><br /><br />
<span style="cursor:wait"> wait</span><br /><br />
<span style="cursor:help"> help</span><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==The cursor Property==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
Value Description<br />
auto Shape of the cursor depends on the context area it is over <br />
crosshair A crosshair or plus sign<br />
default Usually an arrow<br />
pointer A pointing hand (in IE 4 this value is hand)<br />
move A grasping hand (ideal if you are doing drag-and-drop DHTML)<br />
e-resizene-resizenw-resizen-resizese-resizesw-resizes-resizew-resize <br />
text The I bar<br />
wait An hour glass<br />
help A question mark or balloon, ideal for use over help buttons<br />
<url> The source of a cursor image file<br />
</source></div>
Admin