用css改变鼠标显示

2016-02-19 20:22 5 1 收藏

有了下面这个用css改变鼠标显示教程,不懂用css改变鼠标显示的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

用css控制的语法如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

span style="cursor:*"文本或其它页面元素/span
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。

下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!

hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

来源:https://www.tulaoshi.com/n/20160219/1623498.html

延伸阅读
void __fastcall TForm1::btnGetClick(TObject *Sender) { int x,y; x = GetSystemMetrics(SM_CXSCREEN); y = GetSystemMetrics(SM_CYSCREEN); ShowMessage("显示器水平分辨率:" + AnsiString(x) + "\n\n显示器垂直分辨率:" + AnsiString(y)); } //--------------------------------------------------------...
我的天气如何切换角标显示内容?   我的天气如何切换角标显示内容?我的程序应用程序角标可以设置实时温度数或实时空气质量数据。更方便小伙伴出行查看温度或空气质量。接下来小编就教大家我的天气如何切换角标显示内容? 1)打开我的天气进入应用后点击下方导航栏,接着点击。在设置页面点击。 2)根据需要自由选择...
  怎么我的鼠标变了?在网上经常有很多网站,在进去后,你的鼠标指针会变成一个小图片指针,你可能觉得很奇怪吧。 要实现这个效果很容易,只需在你的网页文件的之间加上: 当然你需要找到一个你想用的鼠标指针文件,可以打开你的系统盘的windows/cursors文件夹找一个(当然更可爱的鼠标指针,你可以从网上下载),把你选中的指针文...
    主页上的鼠标是不是就只有箭头和小手两种模样呢?如果鼠标移到“帮助”等字样上时,形状就变成求助的问号;鼠标移到可能需要较长时间等待的超链接时,鼠标形状就变成等待的样子……那该多好啊! 其实,借助我们的css,几句很简单的代码就可以实现这一切! 不信?把鼠标移到下面的演示文字上看看效果吧! ...
标签: Web开发
其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码: 代码如下: $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。 //.css(‘color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性,我们...

经验教程

123

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部