HTML 各种鼠标手势

<html>
<body>
    <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>

    <span style="cursor:auto">Auto</span><br />

    <span style="cursor:crosshair">Crosshair</span><br />

    <span style="cursor:default">Default</span><br />

    <span style="cursor:pointer">Pointer</span><br />

    <span style="cursor:move">Move</span><br />

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

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

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

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

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

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

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

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

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

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

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

</body>
</html>

时间： 2024-10-14 12:37:17

HTML 各种鼠标手势的相关文章

码工的工具:全局鼠标手势与explorer文件管理器的tab插件

qttabbar与firefox的多标签浏览一样的功能,非常强大. 对于你我这样的需要打开n个文件夹的人来说,这东西太强大了. 看图片吧. 对于strokeit就跟firefox的手势一样的强大. 这时,就算chrome,ie没有手势,你也可以对它来定制后退,前进,关闭的手势了. 还是看图再自己定制试试吧. 码工的工具:全局鼠标手势与explorer文件管理器的tab插件,布布扣,bubuko.com

EasyGesture | 鼠标手势

分类: 系统增强版本: 0.1.0 发布日期: 2015-04-29 小巧易用的鼠标手势软件,通过按住鼠标右键拖曳快速执行指定的功能操作功能简介支持系统级全局手势和指定程序窗口手势支持编辑禁用手势窗口列表内置窗口抓取功能,可自动/手动以多种方式(“窗口类”/“窗口所属文件名”/“窗口标题”)抓取窗口支持无限制自定义组合手势内置常用操作命令列表:现已内置24个系统命令以及3个程序相关命令内置热键编辑器(快捷键.连续按键),基本覆盖全部键位,可轻松设置任意组合键支持自由

js防止浏览器后退（键盘、鼠标手势）

这种方式,可以消除后退的所有动作.包括键盘.鼠标手势等产生的后退动作 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); 原文地址:https://www.cnblogs.com/liuhaixia/p/9543856.html

Firefox鼠标手势--FireGestures

http://www.cnblogs.com/willzhang1982/p/5081399.htmlhttp://www.cnblogs.com/willzhang1982/p/5081396.htmlhttp://www.cnblogs.com/willzhang1982/p/5081393.htmlhttp://www.cnblogs.com/willzhang1982/p/5081388.htmlhttp://www.cnblogs.com/willzhang1982/p/5081390

touch.js 拖动、缩放、旋转（鼠标手势）

可以实现手势操作:拖动.缩放.旋转.封装好的脚本方法是这样的: var cat = window.cat || {}; cat.touchjs = { left: 0, top: 0, scaleVal: 1, //缩放 rotateVal: 0, //旋转 curStatus: 0, //记录当前手势的状态, 0:拖动, 1:缩放, 2:旋转 //初始化 init: function ($targetObj, callback) { touch.on($targetObj, 'touchsta

css鼠标悬浮显示效果(鼠标手势)

鼠标悬浮显示效果将鼠标悬浮到下面超链接上看效果! css鼠标手型cursor中hand与pointer Example:CSS鼠标手型效果 CSS鼠标手型效果 Example:CSS鼠标手型效果 CSS鼠标手型效果注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器. Example:CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果 Example:CSS鼠标十字型效果 CSS鼠标十字型效果 Example:CSS鼠标I字型效果 CSS鼠标I字形效

jQuery元素跟随鼠标手势滑动【原】

使用jquery编写的简洁易用的鼠标hover交互效果:可以传递3个参数:cover[Boolean]: 隐藏元素滑动时是否覆盖默认显示的元素:speed[Number]: 元素滑动的速度:easing[String]: 动画缓动效果,需要另外调用jquery.easing.js <!DOCTYPE html> <html> <head> <title>mouseDirectorySlide</title> <meta charset=&q

CSS鼠标手势

属性名:cursor 属性值(手势状态): auto : 默认值.浏览器根据当前情况自动确定鼠标光标类型. all-scroll : IE6.0 有上下左右四个箭头,中间有一个圆点的光标.用于标示页面可以向上下左右任何方向滚动. col-resize : IE6.0 有左右两个箭头,中间由竖线分隔开的光标.用于标示项目或标题栏可以被水平改变尺寸. crosshair : 简单的十字线光标. default : 客户端平台的默认光标.通常是一个箭头. hand : 竖起一只手指的