CSS 改变鼠标样式(大全)[通俗易懂]

CSS 改变鼠标样式(大全)[通俗易懂]前端经常会用到改变鼠标的样式来达到更好的页面效果,比如经常会使用到改变成小手,拖拽时改变成移动拖拽的鼠标样式,可每次都需要查阅资料来完成代码,在此做下详细总结:使用方法:<spanstyle=”cursor:auto”>Auto</span><spanstyle=”cursor:crosshair”>Crosshair</span><spanstyle=”cursor:default”>Default&..

大家好,又见面了,我是你们的朋友全栈君。

在这里插入图片描述

前端经常会用到改变鼠标的样式来达到更好的页面效果,比如经常会使用到改变成小手,拖拽时改变成移动拖拽的鼠标样式,可每次都需要查阅资料来完成代码,在此做下详细总结:

在这里插入图片描述

使用方法:

    <span style="cursor:auto">Auto</span>
    <span style="cursor:crosshair">Crosshair</span>
    <span style="cursor:default">Default</span>
    <span style="cursor:pointer">Pointer</span>
    <span style="cursor:move">Move</span>
    <span style="cursor:e-resize">e-resize</span>
    <span style="cursor:ne-resize">ne-resize</span>
    <span style="cursor:nw-resize">nw-resize</span>
    <span style="cursor:n-resize">n-resize</span>
    <span style="cursor:se-resize">se-resize</span>
    <span style="cursor:sw-resize">sw-resize</span>
    <span style="cursor:s-resize">s-resize</span>
    <span style="cursor:w-resize">w-resize</span>
    <span style="cursor:text">text</span>
    <span style="cursor:wait">wait</span>
    <span style="cursor:help">help</span>

在这里插入图片描述
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138403.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vuejs中执行npm run dev出现页面cannot GET/问题

    vuejs中执行npm run dev出现页面cannot GET/问题

    2021年10月11日
    51
  • oracle number类型的数值存储空间是几个字节?

    oracle number类型的数值存储空间是几个字节?其实有公式可以计算:number(p,s)占用得空间为:length=floor((p+1)/2)+1备注:如果该数值为负数,需要再加一个字节。—————-例如:NUMBER(14,4)的类型数值,存储空间为selectfloor((14+1)/2)+1fromdual结果输出为:8

    2022年7月24日
    7
  • cuDNN安装教程(Windows)「建议收藏」

    cuDNN安装教程(Windows)「建议收藏」简介NVIDIACUDA®深度神经网络库(cuDNN)是一个用于深度神经网络的GPU原始加速库。cuDNN为标准例程(如前向和反后卷积、池化、归一化和激活层)提供了高度调整的实现。世界各地的深度学习研究人员和框架开发人员依靠cuDNN获得高性能GPU加速。它允许他们专注于培训神经网络和开发软件应用程序,而不是花时间在低级别的GPU性能调整上。cuDNN加速广泛使用的深度学习框架,包括Caffe2、Chainer、Keras、MATLAB、MxNet、PaddlePaddle、PyTorch和T

    2022年6月6日
    105
  • gluster源码浅析

    gluster源码浅析gluster的volume是由一系列的translator组成的,translator就像输入输出流的堆栈式结构一样,由一个translator调用另一个translator,每个translator在运行时作为shared-object,根据不同的文件操作调用不同的函数.每个translator一般需要定义xlator_fops、xlator_cbks、init、fini、volume…

    2025年6月8日
    1
  • QCustomPlot系列(5)-实时动态曲线[通俗易懂]

    QCustomPlot系列(5)-实时动态曲线[通俗易懂]先来个动图看看效果:支持鼠标平移、滚轮缩放、框选放大、取消框选、一键全显、单击显示xy坐标值。。等平移功能是QCustomPlot自带的功能,参见我的该系列前面的博文。框选放大、全显等功能在另一篇博文中也讲到了。这里只讲2个知识点:1、显示鼠标指向的点坐标,2、实时滚动1、箭头指向要显示的坐标点,代码步骤:(1)添加新类,继承QCustomPlot添加private成员变…

    2022年10月16日
    5
  • ora-01006:绑定变量不存在_输出参数不是绑定变量

    ora-01006:绑定变量不存在_输出参数不是绑定变量  #命令行新建job错误:ORA-01008并非所有变量都已绑定。 1、改正前代码:DECLAREjobNUMBER;begin      sys.dbms_job.submit(job=&gt;:job, what=&gt;’P_AUTO_FETCH_RECORDS;’, next_date=&gt;to_…

    2022年9月6日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号