<!DOCTYPE html>

<html>

<head>

<meta charset="ISO-8859-1">

<title>Insert title here</title>

<script language="JavaScript">

    function setCursorByID(id, cursorStyle) {

        var elem;

        if (document.getElementById && (elem = document.getElementById(id))) {

            if (elem.style)

                elem.style.cursor = cursorStyle;

        }

    }

</script>

</head>

<body>

    <span style="cursor: auto;">auto</span>

    <span style="cursor: move;">move</span>

    <span style="cursor: no-drop;">no-drop</span>

    <span style="cursor: col-resize;">col-resize</span>

    <span style="cursor: all-scroll;">all-scroll</span>

    <span style="cursor: pointer;">pointer</span>

    <span style="cursor: not-allowed;">not-allowed</span>

    <span style="cursor: row-resize;">row-resize</span>

    <span style="cursor: crosshair;">crosshair</span>

    <span style="cursor: progress;">progress</span>

    <span style="cursor: e-resize;">e-resize</span>

    <span style="cursor: ne-resize;">ne-resize</span>

    <span style="cursor: default;">default</span>

    <span style="cursor: text;">text</span>

    <span style="cursor: n-resize;">n-resize</span>

    <span style="cursor: nw-resize;">nw-resize</span>

    <span style="cursor: help;">help</span>

    <span style="cursor: vertical-text;">vertical-text</span>

    <span style="cursor: s-resize;">s-resize</span>

    <span style="cursor: se-resize;">se-resize</span>

    <span style="cursor: inherit;">inherit</span>

    <span style="cursor: wait;">wait</span>

    <span style="cursor: w-resize;">w-resize</span>

    <span style="cursor: sw-resize;">sw-resize</span>

    <div>

        <a id="e1h" href="#" style="cursor: help;" onclick="setCursorByID('e1','help');return false;">help</a>

        <a id="e1w" href="#" style="cursor: wait;" onclick="setCursorByID('e1','wait');return false;">wait</a>

        <a id="e1m" href="#" style="cursor: move;" onclick="setCursorByID('e1','move');return false;">move</a>

        <a id="e1c" href="#" style="cursor: crosshair;" onclick="setCursorByID('e1','crosshair');return false;">crosshair</a>

        <a id="e1t" href="#" style="cursor: text;" onclick="setCursorByID('e1','text');return false;">text</a>

        <a id="e1a" href="#" style="cursor: default;" onclick="setCursorByID('e1','default');return false;">default</a>

        <a id="e1a" href="#" style="cursor: pointer;" onclick="setCursorByID('e1','pointer');return false;">pointer</a>

        <a id="e1a" href="#" style="cursor: auto;" onclick="setCursorByID('e1','auto');return false;">auto</a>

    </div>

    <div>

        <a id="e1" href="#" onclick="setCursorByID('e1','help');return false;">test</a>

    </div>

</body>

</html>

原文：http://www.javascripter.net/faq/stylesc.htm

JavaScript Set Cursor Style的更多相关文章

  1. JavaScript动态操作style

    1.易错:修改元素的样式不是设置class属性,而是className属性.class是JS的一个保留关键字. 2.易错:单独修改样式的属性使用"style.属性名"3.注意在cs ...

  2. Maintainable JavaScript(编写可维护的JavaScript) PART I Style Guidelines

    “Programs are meant to be read by humans and only incidentally( 顺便:偶然地:附带地) for computers to execute ...

  3. Javascript动态创建 style 节点

    有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件.如何能使用程序生成的字符串动态创建 style 节点,我搞了2个小时. 静态外部 css 文件语法: @import ...

  4. 原生JavaScript HTML DOM Style 对象参考

    Style 对象属性 可以在Style对象上使用以下属性: “CSS”列指示定义属性的CSS版本(CSS1,CSS2或CSS3). 属性 描述 CSS alignContent 当项目不使用所有可用空 ...

  5. javascript中的style只能取到在HTML中定义的css属性

    如果在css中定义的 li{ width:100px; left:100px; top:; position:absolute; font-style:normal; } 这样执行: oli[0].s ...

  6. JavaScript HTML DOM Style flexWrap 属性

    flexWrap 属性 flexWrap属性指定flex项是否应该换行. 注意:如果元素不是flex项,则flexWrap属性不起作用. 如果必要,使flex换行: document.getEleme ...

  7. style="visibility: hidden" 和 style=“display:none”区别

    大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏的,这用visibility=& ...

  8. 【温故而知新-Javascript】使用事件

    1. 使用简单事件处理器 可以用几种不同的方式处理事件.最直接的方式是用事件属性创建一个简单事件处理器(simple event handler).元素为它们支持的每一种事件都定义了一个事件属性.举个 ...

  9. 使用JavaScript创建我的分页

    把下面的方法放到一个js文件,页面引用他就行了 JavaScript function PageList(PageSize, PageIndex, TotalCount, ParList) { $(& ...

随机推荐

  1. Android系统Surface机制的SurfaceFlinger服务的启动过程分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8022957 在前面一篇文章中,我们简要介绍了A ...

  2. 放弃使用jQuery实现动画

    在Web开发的圈子里,开发人员经常觉得CSS动画是一种高性能web动画技术.假设想让网页载入的更快一些,就应该用纯CSS动画.事实上这样的观点是错误的,非常多开发人员早就放弃了javascript的动 ...

  3. Java - 反射机制 2

    package spring.classloader; import java.lang.reflect.Constructor; import java.lang.reflect.Field; im ...

  4. 百度搜索附近加盟店等基于LBS云搜索功能的实现

    一.注册百度账号,进入开发者平台 创建应用并获取ak 地址如下 http://lbsyun.baidu.com/apiconsole/key/update?app-id=7546025 ok获取到了. ...

  5. Mongoose的模糊查询

    var Commidity = require("./Model/commiditiesModel"); function search(response,request,key) ...

  6. （原）STL中vector的疑问

    以前基本上没有用过STL,当然包括里面的vector.今天试验了一下. 主要看了这个网址: http://blog.csdn.net/phoebin/article/details/3864590 代 ...

  7. 模拟Spring依赖注入

    通过读取xml文件,利用反射动态加载类和方法,其实就是spring的注入机制模拟,可以清晰的看出整个运行流程 1.配置文件 applicationContext.xml <beans> & ...

  8. make clean与make distclean的区别

    make clean仅仅是清除之前编译的可执行文件及配置文件. 而make distclean要清除所有生成的文件. Makefile 在符合GNU Makefiel惯例的Makefile中,包含了一 ...

  9. C/S与B/S

    C/S架构简要介绍 在了解什么是B/S架构之前,我们有必要了解一下什么是C/S架构: C/S架构是第一种比较早的软件架构,主要用于局域网内.也叫 客户机/服务器模式. 它可以分为客户机和服务器两层:第 ...

  10. JVM启动过程——JVM之一

    JVM是Java程序运行的环境,同时是一个操作系统的一个应用程序进程,因此它有自己的生命周期,也有自己的代码和数据空间. JVM体系主要是两个JVM的内部体系结构分为三个子系统和两大组件,分别是:类装 ...