发信人: parislenin()
整理人: eagle(2000-06-07 09:45:00), 站内信件
|
光标特性cursor
如果你的网页中BODY标签中有如下定义，你在网页中看到的鼠标就是一个准
星。
<BODY STYLE="CURSOR:CROSSHAIR">
定义光标特性的参数主要有这几种，目的是改变Mouse箭头的形状：
/ 准星 crosshair / 默认 default / 手 hand /移动 move /向东 e-resiz
e / 东北 ne-resize
/ 西北 nw-resize / 向北 n-resize / 东南 se-resize / 西南 sw-resize
/ 向南 s-resize
/ 向西 w-resize / 文本 text / 等待 wait / 帮助 help /
以下面的表格为例子，定义了Mouse在此单元格内的显示形状，在语句中写法
为：
<td STYLE="cursor:hand" >
所有参数使用后的效果你可以在这下面的表格中看到，不信将下面的代码拷
贝，剪贴到网页中，Mouse移到中文格试试？
<div align="center"><center><table BORDER="1" BORDERCOLOR="#008080" wi
dth="400" height="300">
<tr><td STYLE="background:#C0C0C0;cursor:crosshair" align="center">准星
</td>
<td STYLE="background:#C0C0C0;cursor:default" align="center">默认</td
>
<td STYLE="background:#C0C0C0;cursor:hand" align="center">手</td>
</tr><tr>
<td ALIGN="center">crosshair</td><td ALIGN="center">default</td><td A
LIGN="center">hand</td></tr>
<tr><td STYLE="background:#C0C0C0;cursor:move" align="center">移动</t
d>
<td STYLE="background:#C0C0C0;cursor:e-resize" align="center">向东</td
>
<td STYLE="background:#C0C0C0;cursor:ne-resize" align="center">东北</t
d>
</tr> <tr>
<td ALIGN="center">move</td><td ALIGN="center">e-resize</td>
<td ALIGN="center">ne-resize</td>
</tr> <tr>
<td STYLE="background:#C0C0C0;cursor:n-resize" align="center">向北</t
d>
<td STYLE="background:#C0C0C0;cursor:nw-resize" align="center">西北<
/td>
<td STYLE="background:#C0C0C0;cursor:w-resize" align="center">向西</
td>
</tr> <tr>
<td ALIGN="center">n-resize</td>
<td ALIGN="center">nw-resize</td>
<td ALIGN="center">w-resize</td>
</tr><tr>
<td STYLE="background:#C0C0C0;cursor:sw-resize" align="center">西南<
/td>
<td STYLE="background:#C0C0C0;cursor:s-resize" align="center">向南</t
d>
<td STYLE="background:#C0C0C0;cursor:se-resize" align="center">东南</
td>
</tr> <tr>
<td ALIGN="center">sw-resize</td><td ALIGN="center">s-resize</td>
<td ALIGN="center">se-resize</td> </tr> <tr>
<td STYLE="background:#C0C0C0;cursor:text" align="center">文本</td>
<td STYLE="background:#C0C0C0;cursor:wait" align="center">等待</td>
<td STYLE="background:#C0C0C0;cursor:help" align="center">帮助</td>
</tr> <tr>
<td ALIGN="center">text</td>
<td ALIGN="center">wait</td>
<td ALIGN="center">help</td>
</tr></table></center></div>
--
庞磊 ---- 网络安居工程倡导者！
倡导网络安居工程，人人都有一个家！！一切从学会制作网页开始。
>>http://www9000.126.com<<>>http://www9000.cn99.com<<
>>http://www9000.yeah.net<<>>http://www9000.home.china.com<<
>>>>>>>>>>>><<<<<<<<<<<<
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.98.195.2]
|
|