修改鼠标的CSS样式
2014-02-19 21:02
288 查看
鼠标的形状主要有:
手形
移动
正在执行
十字形
文本编辑I
帮助
等待
文本编辑I
自动(遇到文本变I,遇到链接变手形,遇到可扩展边缘变向各方向拉伸形状……)
默认(箭头)
向右变形(东east)
向右上变形
向左上变形
向上变形(北north)
向右下变形
向左下变形
向下变形(南south)
向左变形(西western)
代码:
手形
移动
正在执行
十字形
文本编辑I
帮助
等待
文本编辑I
自动(遇到文本变I,遇到链接变手形,遇到可扩展边缘变向各方向拉伸形状……)
默认(箭头)
向右变形(东east)
向右上变形
向左上变形
向上变形(北north)
向右下变形
向左下变形
向下变形(南south)
向左变形(西western)
代码:
<div style="cursor: pointer;">手形</div> <div style="cursor: move;">移动</div> <div style="cursor: progress;">正在执行</div> <div style="cursor: crosshair;">十字形</div> <div style="cursor: text;">文本编辑I</div> <div style="cursor: help;">帮助</div> <div style="cursor: wait;">等待</div> <div style="cursor: inherit;">文本编辑I</div> <div style="cursor: auto;">自动(遇到文本变I,遇到链接变手形,遇到可扩展边缘变向各方向拉伸形状……)</div> <div style="cursor: default;">默认(箭头)</div> <div style="cursor: e-resize;">向右变形(东east)</div> <div style="cursor: ne-resize;">向右上变形</div> <div style="cursor: nw-resize;">向左上变形</div> <div style="cursor: n-resize;">向上变形(北north)</div> <div style="cursor: se-resize;">向右下变形</div> <div style="cursor: sw-resize;">向左下变形</div> <div style="cursor: s-resize;">向下变形(南south)</div> <div style="cursor: w-resize;">向左变形(西western)</div>
相关文章推荐
- 怎样修改win7鼠标指针 win7鼠标指针怎么换
- 利用脚本脚本实现修改CSS样式
- 修改鼠标指针样式
- win7系统文件夹所有隐藏属性无法通过鼠标右键查看修改回来
- jQuery修改class属性和CSS样式
- 【修改】 Jquery实现边输入边查询,仿百度,并可以选择查询的值赋到输入框。选中行变色,鼠标变手型
- 百度地图修改鼠标样式
- HTML修改鼠标样式
- windows鼠标悬停任务栏 延迟时间 修改
- echarts -- 使用 formatter 修改鼠标悬浮事件信息
- 分享js中按下鼠标 和 键盘的4个修改键盘
- arcgis for js 修改鼠标在新增点上的指针样式
- Unity3D【脚本】鼠标对摄像机的控制 - 点击鼠标,摄像机围绕圆心旋转(第三次修改)
- hover事件2,鼠标移入一个标签使其子级标签的css样式发生改变,显示可见
- javascript鼠标点击实现改变CSS样式
- JavaScript修改css样式style
- jQuery+ajax实现鼠标单击修改内容的思路
- 用JS查看修改CSS样式(cssText,attribute('style'),currentStyle,getComputedStyle)
- 动手 - 修改更多CSS样式
- css中如何修改鼠标光标(指针)的样式和颜色