`
lichangjinge
  • 浏览: 35681 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

css cursor 的可选值(鼠标的各种样式) 详细出处参考:http://www.jb51.net/css/23361.html

阅读更多

crosshair;
 
十字准心
The cursor render as a crosshair
游标表现为十字准线

cursor: pointer;
cursor: hand;
写两个是为了照顾IE5,它只认hand。
 

The cursor render as a pointer (a hand) that indicates a link
游标以暗示(手指)的形式来表明有一个连接

cursor: wait;
 
等待/沙漏
The cursor indicates that the program is busy (often a watch or an hourglass)
游标暗示当前程序正忙(一般为一块表或是一个沙漏)

cursor: help;
 
帮助
The cursor indicates that help is available (often a question mark or a balloon)
游标暗示当前位置可得到帮助(一般为问号或是气球)

cursor: no-drop;
 
无法释放
cursor: no-drop;

cursor: text;
 
文字/编辑
The cursor indicates text
游标暗示当前所处位置为文字内容

cursor: move;
 
可移动对象
The cursor indicates something that should be moved
游标暗示一些东西应该被移动

cursor: n-resize;
 
向上改变大小(North)
The cursor indicates that an edge of a box is to be moved up (north)
边缘可向上移动(北)

cursor: s-resize;
 
向下改变大小(South)
The cursor indicates that an edge of a box is to be moved down (south)
边缘可向下方移动(南)

cursor: e-resize;
 
向右改变大小(East)
The cursor indicates that an edge of a box is to be moved right (east)
box边缘可向右(东)边移动

cursor: w-resize;

向左改变大小(West)
The cursor indicates that an edge of a box is to be moved left (west)
边缘可向左移动(西)

cursor: ne-resize;
 
向上右改变大小(North East)
The cursor indicates that an edge of a box is to be moved up and right (north/east)
游标暗示box的边缘可向右上方移动(东北方向)

cursor: nw-resize;
 
向上左改变大小(North West)
The cursor indicates that an edge of a box is to be moved up and left (north/west)
边缘可向左上方移动(西北)

cursor: se-resize;
 
向下右改变大小(South East)
The cursor indicates that an edge of a box is to be moved down and right (south/east)
边缘可向右下方移动(东南)

cursor: sw-resize;
 
向下左改变大小(South West)
The cursor indicates that an edge of a box is to be moved down and left (south/west)
边缘可向左下方移动(西南)

cursor: auto;
 
自动
The browser sets a cursor
浏览器设置一个游标

cursor:not-allowed;
 
禁止
cursor:not-allowed;

cursor: progress;
 
处理中
cursor: progress;

cursor: default;
 
系统默认
The default cursor (often an arrow)
默认的游标状态(通常为一个箭头)

cursor: url(' # ');
# = 光标文件地址      (注意文件格式必须为:.cur 或 .ani)。
 
用户自定义(可用动画)
The url of a custom cursor to be used.
自定义游标的url位置

Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用


详细出处参考:http://www.jb51.net/css/23361.html

 

分享到:
评论

相关推荐

    政府网站模板 人事局网站模板

    三个板块只涉及div+css的页面涉及,包括人才、考试、编办... 觉得分高了的可以不下,这完全是个人第一个作品,虽业余但也专业点 这个是最近新的 http://download.csdn.net/source/3461634 此为静态模板,含时间...

    CSS Web设计高级教程 第2版.part5

    CSS Web设计高级教程 第2版. part1:http://download.csdn.net/source/3524003 part2: http://download.csdn.net/source/3524010 part3: http://download.csdn.net/source/3524027 part4: ...

    CSS Web设计高级教程 第2版.part3

    CSS Web设计高级教程 第2版. part1:http://download.csdn.net/source/3524003 part2: http://download.csdn.net/source/3524010 part3: http://download.csdn.net/source/3524027 part4: ...

    CSS Web设计高级教程 第2版.part4

    CSS Web设计高级教程 第2版. part1:http://download.csdn.net/source/3524003 part2: http://download.csdn.net/source/3524010 part3: http://download.csdn.net/source/3524027 part4: ...

    CSS Web设计高级教程 第2版.part6

    CSS Web设计高级教程 第2版. part1:http://download.csdn.net/source/3524003 part2: http://download.csdn.net/source/3524010 part3: http://download.csdn.net/source/3524027 part4: ...

    css样式无法加载Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME

    我用的springboot2.0 网页f12查看发现错误 ...在网上找了一些原因,最终发现是引用css的地方有问题,这也是最蛋疼的地方模板是找的,可是无法使用样式。 加了配置类也没有效果 最后去掉了…/static

    最新Color Admin1.9 - bootstrap3响应后台模板+前端网页模板

    Table Data: http://datatables.net/blog/Twitter_Bootstrap_2 Ion Range Slider: http://ionden.com/a/plugins/ion.rangeSlider/en.html jQuery Tag It: http://aehlke.github.io/tag-it/ jQuery Countdown: ...

    Bootstrap4 UI 后台模板

    CodeMirror http://codemirror.net/ DataTables https://datatables.net/ ECharts https://ecomfe.github.io/echarts-doc/public/en/index.html Flot http://www.flotcharts.org/ FontAwesome ...

    生日祝福、新年祝福、表白的HTML源码

    基于 HTML+CSS+JavaScript 制作了一个小网页,有简单的用户登录功能,蛋糕、祝福、照片、烟花等小功能;稍加修改就可以用来表白、给好朋友送祝福、祝福新年等。 此资源是源码,下载即可使用...详细的修改教程,请参考:...

    .net C# 学习过程中收藏的一些比较有用的和感兴趣的链接

    http://www.360doc.com/userhome.aspx?userid=19107491&cid=3 jQuery基本选择器及用法 前端模块化开发(AMD和CDM规范) http://wenku.baidu.com/view/25ddbf420b4e767f5acfcee0.html jQuery.getJSON的缓存问题的解决...

    heyui:适用于Web的:party_popper:UI工具包,Vue2.0 http://www.heyui.top

    link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/heyui/themes/index.css " > </ link >基本在线演示高级import Vue from "vue"import HeyUI from "heyui"require ( "heyui/themes/index....

    27款后台管理页面设计

    管理页面设计: 演示: http://www.websjy.com/club/websjy_index/div_css_js/1249562629_61040268/index.htm ... ... ... ...............http://download.csdn.net/source/3113325

    web打印(纯jq和css,不用浏览器控件)

    blog地址:http://blog.csdn.net/wlmnzf/article/details/47252755

    破解page admin

    ...<link rel="stylesheet" href="admin.css" type="text/css"> <script src="all.js" type="text/javascript"></script> </head> OK,修改title以及content标记的内容即可!

    精通CSS(css mastery)中文版(part 1)

    网络上一般会把这书与无懈可击的web设计>>一书并列列为web设计师的进阶教程里,个人感觉,无懈可击的web设计>>注重技术细节,而精通CSS>>这本书会让你对web设计的理解提高到一个全新认识的高度. 资料大了点,就拆了5个包...

    基于HTML+CSS+JS+JSP+Mysql的书城购书商城设计与实现.zip

    资源包含文件:lunwen文档+项目源码及数据库文件+项目截图 本系统开发采用B/S模式,前端页面用HTML+CSS+JS+JSP...详细介绍参考:https://biyezuopin.blog.csdn.net/article/details/123323760?spm=1001.2014.3001.5502

    C#仿QQ空间个人站点(.NET+SQL)_WebZone

    页面布局:CSS+DIV 模块: 个人简介(Flash+XML) 个人日志 Flash 相册 个人档 留言板 后台/admin 账号:admin 密码:123456 (MD5加密) 修改数据库链接文件Web.config里面的信息为你的链接信息。 @或直接从...

    27款后台html代码

    管理页面设计: 演示: http://www.websjy.com/club/websjy_index/div_css_js/1249562629_61040268/index.htm http://www.websjy.com/club/websjy_index/div_css_js/1249562930_99810268/ ...

    iquery经典教程

    所有效果说明:基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果:手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条 (sliders...

Global site tag (gtag.js) - Google Analytics