CSS设定XML鼠标特效

发布时间:2014-04-02 18:14:21   来源:文档文库   
字号:

CSS设定XML鼠标特效

在使用图形界面的操作系统时,当把鼠标移动到不同的地方,或执行不同的操作时,鼠标的样式是不同的。比如,当需要伸缩窗口时,将鼠标放置窗口边沿处,鼠标会变成双向箭头状;当系统繁忙时,鼠标会变成漏斗状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

《CSS设定XML鼠标特效.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式