`

js改变鼠标的形状和样式

阅读更多
当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
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标签中使用属性style="cursor:value;"):

function setCursorByID(id,cursorStyle) {
if (document.getElementById) {
  if (document.getElementById(id).style) {
   document.getElementById(id).style.cursor=cursorStyle;
  }
}
}


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

相关推荐

    js改变鼠标的形状和样式.pdf

    js改变鼠标的形状和样式.pdf

    js改变鼠标的形状和样式的方法

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

    js 特效 html 特效 鼠标形状的随意变换

    js 特效 html 特效 鼠标形状的随意变换 js 特效 html 特效 鼠标形状的随意变换

    js 特效 html 特效 各种形状的鼠标

    js 特效 html 特效 各种形状的鼠标 js 特效 html 特效 各种形状的鼠标

    程序天下:JavaScript实例自学手册

    4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15...

    《程序天下:JavaScript实例自学手册》光盘源码

    4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15...

    JS效果打包下载-自己整理的一些网站常用JS效果2

    27.如何用css自定义鼠标形状?.html 28.设为主页后刷新不在显示提示.html 29.收藏本站源码.html 30.鼠标换过链接出现对话框的效果.html 31.双击鼠标滚动屏幕的代码.html 32.随滚动条滚动代码.html 33.随即显示名人...

    JavaScript权威指南(第6版)

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版)(附源码)

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版)中文版pdf+源代码

     15.8 文档和元素的几何形状和滚动389  15.9 HTML表单396  15.10 其他文档特性404  第16章 脚本化CSS410  16.1 CSS概览411  16.2 重要的CSS属性416  16.3 脚本化内联样式427  16.4 查询计算出的样式431  ...

    JavaScript 权威指南(第四版).pdf

     15.8 文档和元素的几何形状和滚动389  15.9 HTML表单396  15.10 其他文档特性404  第16章 脚本化CSS410  16.1 CSS概览411  16.2 重要的CSS属性416  16.3 脚本化内联样式427  16.4 查询计算出的样式431  ...

    JavaScript权威指南(第6版)(中文版)

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版)中文文字版

    15.8 文档和元素的几何形状和滚动 389 15.9 html表单 396 15.10 其他文档特性 404 第16章 脚本化css 410 16.1 css概览 411 16.2 重要的css属性 416 16.3 脚本化内联样式 427 16.4 查询计算出的样式 431 16.5 脚本化...

    JavaScript网页特效范例宝典源码

    实例237 改变形状的图片 366 实例238 图片在页面浮动 367 实例239 随机变化的网页背景 369 8.5 选择头像 370 实例240 在列表中选择图片 370 实例241 在弹出的新窗口中选择图片 372 8.6 在页面中播放图片 374 实例242...

    JavaScript权威指南(第六版) 清晰-完整

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版)

    15.8 文档和元素的几何形状和滚动 389 15.9 html表单 396 15.10 其他文档特性 404 第16章 脚本化css 410 16.1 css概览 411 16.2 重要的css属性 416 16.3 脚本化内联样式 427 16.4 查询计算出的样式 431 16.5 脚本化...

    JavaScript权威指南(第6版) 中文版

    15.8 文档和元素的几何形状和滚动 389 15.9 html表单 396 15.10 其他文档特性 404 第16章 脚本化css 410 16.1 css概览 411 16.2 重要的css属性 416 16.3 脚本化内联样式 427 16.4 查询计算出的样式 431 16.5 脚本化...

    javascript网页特效实例大全(13-19)

    实例327 显示自定义鼠标形状 522 实例328 动画光标 524 实例329 制作彩色滚动条 525 13.4 文字及列表样式 527 实例330 应用删除线样式标记商品特价 527 实例331 在文字上方标注说明标记 528 实例332 ...

Global site tag (gtag.js) - Google Analytics