Cursor style

鼠标样式

  • 默认(指针) cursor : auto | default
  • 手指 cursor : pointer | hand(据说是为了适应IE5，由于没有IE5无从考证)
  • 十字 cursor : crosshair
  • 拖动 cursor : move
  • 改变大小 cursor : e-resize,w-resize,s-resize,n-resize; ne-resize, nw-resize, se-resize, sw-resize;
  • 禁止 cursor : no-allowed
  • 不允许拖拉 cursor : no-drop
  • 文本 cursor : text
  • 等待 cursor : wait
  • 进行中 cursor : progress
  • 帮助 cursor : help
  • 自定义 cursor : url(‘#‘) #表示文件的路径，并且文件后缀必须是.cur | .ani

效果图(本来想截图的，结果发现截图的图片中竟然没有鼠标，好吧，各位脑补吧)

Tips:

改变大小中其实就是东南西北四个方向的互换，e-resize(往东拉或者说往右)依此类推

时间： 2024-12-28 10:11:51

Cursor style的相关文章

JavaScript Set Cursor Style

<!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.getEle

html样式初始化

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family:

normalize.css可以对css初始化，不同浏览器可以统一初始样式

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font

jquery easyui+sparkline插件+jqplot插件实现数据表行内插入线形图

Jquery easyui : 实现前端数据包格式化输出,支持多种模块式定义,只需要添加相应的预设参数即可实现丰富的前端. 资料参考: http://www.jeasyui.com/ Jquery sparkline: 基于jQuery 的js插件,底层调用html5的canvas标签,并通过js动态实现在数据表行内画条形图或趋势图,操作简单,可实现不同类型的图形化,如线形图,饼状图,柱形图. 资料参考:http://omnipotent.net/jquery.sparkline/#s-docs

Normalize [ 浏览器渲染格式化 ]

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-tex

iOS中jQuery 的delegate 事件监听无效解决办法

前端的小朋友将原来 以下结构的代码 <a href="ssss"> <p>sssss</p> <p>dddddd</p> </a> 改成了 <div data-href="ssss"> <p>ssssss</p> <p>dddddd</p> </div> 因为涉及到一些异步加载的内容,所以使用如下代码来实现 a 标签的功能

JavaScript高级编程II

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/08/23/advanced-javascript-ii.html?page=1 在前面的文章中,我们介绍了两类JavaScript小工具及其源代码:浮动文本和弹出菜单.本文中,我们将继续介绍另外几个实用的JavaScript小工具,并着重说明其工作原理,因此你能够简单改动后应用到自己的程序中.本文中的JavaScript代码应该不用做不论什么改动就能够在当前全部主流浏览器上执行.所以,不用再费周折…… 

SecureCRT简单设置

Options --> Session Options    针对当前会话生效 Options --> Global Options     针对全局生效 设置字符集,字体和 界面字体的颜色: Options --> Global Options --> Default session --> Edite Default session --> Terminal --> Appearance Current color scheme: Monochrome Nor

SecureCRT 配置

ubantu连接掉线问题 Terminal -- Anti-idle 勾选Send protocol NO-OP 时间设置小于检查间隔即可 风格问题:Emulation -- Terminal 设置Linux 勾选Use color scheme 颜色和编码和字体问题:Appearance -- Character encoding设置utf-8 Current color scheme 设置White/BlackCursor style设置 Block,勾选Blinking