展会信息港展会大全

js改变鼠标的形状和样式的方法
来源:互联网   发布日期:2016-01-26 10:22:30   浏览:2462次  

导读:常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式) 当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个 ...

常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式)

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):

auto move no-drop col-resize

all-scroll pointer not-allowed row-resize

crosshair progress e-resize ne-resize

default text n-resize nw-resize

help vertical-text s-resize se-resize

inherit wait w-resize sw-resize

在windows internet explorer 6.0或者更新版本,上面的指针样式如下:

要通过脚本改变某一个元素的鼠标指针样式,你可以把元素的属性element.style.cursor设为上面的任何一个值。(另外一种不用 javascript的方法,可以在元素的html标签中使用属性):

代码如下:

function setcursorbyid(id,cursorstyle) {

if (document.getelementbyid) {

if (document.getelementbyid(id).style) {

document.getelementbyid(id).style.cursor=cursorstyle;

}

}

}

补充一个常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式)。

赞助本站

人工智能实验室

相关热词: 鼠标 样式 js

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港