在缺省的情况下,鼠标是一个向左上方翘起的箭头,下载页面时是一个沙漏的形状而当鼠标移动到超级链接上时则是一个手的形状,在许多Windows的应用程序中鼠标的样子可以说是千变万化,新鲜而有趣,我们的网页中一样也做到了这一点。先看一个例子:
现在许多网站上都有“帮助”这样一个链接,目的是让浏览者更好的浏览网站,当我们让浏览者把鼠标移动到帮助链接的时候,鼠标指针就会变成表示帮助的左上方箭头加上一个问号的形状,下面是代码:
<a style=″cursor:help″ href=help.htm>帮助</a>
结构如下:<target style= ″attribute1:value1;attribute2:value2;…″>
在这里属性是cursor(光标),属性值是help。借助不同的属性值光标还会有很多的形状:当属性值为text的时候,鼠标会变成一个“I”形;当属性值为move的时候是一个带四方箭头的十字形;属性值为hand时是一个手形;属性值为crosshair表示十字形;属性值为e-resize表示向右箭头;属性值为ne-resize则表示向右上方箭头;属性值为nw-resize表示向左上方箭头;属性值为n-resize表示向上方箭头;属性值为se-resize表示向右下方箭头;属性值为Wait表示沙漏。
现在许多网站上都有“帮助”这样一个链接,目的是让浏览者更好的浏览网站,当我们让浏览者把鼠标移动到帮助链接的时候,鼠标指针就会变成表示帮助的左上方箭头加上一个问号的形状,下面是代码:
<a style=″cursor:help″ href=help.htm>帮助</a>
结构如下:<target style= ″attribute1:value1;attribute2:value2;…″>
在这里属性是cursor(光标),属性值是help。借助不同的属性值光标还会有很多的形状:当属性值为text的时候,鼠标会变成一个“I”形;当属性值为move的时候是一个带四方箭头的十字形;属性值为hand时是一个手形;属性值为crosshair表示十字形;属性值为e-resize表示向右箭头;属性值为ne-resize则表示向右上方箭头;属性值为nw-resize表示向左上方箭头;属性值为n-resize表示向上方箭头;属性值为se-resize表示向右下方箭头;属性值为Wait表示沙漏。