在使用图形界面的操作系统时,当把鼠标移动到不同的地方,或执行不同的操作时,鼠标的样式是不同的。比如,当需要伸缩窗口时,将鼠标放置窗口边沿处,鼠标会变成双向箭头状;当系统繁忙时,鼠标会变成漏斗状。CSS通过改变cursor属性(鼠标指针属性)来实现对鼠标样式的控制。实现鼠标特效步骤如下所示:
(1)构建XML文档,在XML文档中定义了几个元素,内容如下所示:
GB2312"?>
鼠标效果
手形 帮助 箭头朝上双向
将文件保存,文件名为cursor.xml。在该文件中使用了四种鼠标形状:默认形状、手型、帮助状态和双向箭头的鼠标形状。
(2)根据XML文档内容,使用CSS设置XML文档元素呈现方式。cursor.css文件的主要内容如下所示:
.hand
{
cursor:hand;
background-color: #E3E4FF;
}
.help
{
cursor:help;
background: #FFD0D0;
}
.n_resize
{
cursor:n-resize;
background: #E3E3E3;
}
在上述文件中定义了三个选择器,分别用来设置鼠标悬浮在该元素上时的鼠标形状,在浏览器中打开cursor.xml文档,如图4-3所示。
图4-3 鼠标形状
本文来源:https://www.2haoxitong.net/k/doc/f96552b39e3143323968935c.html
文档为doc格式