当前位置: 首页 > 编程日记 > 正文

【css】如何使光标移动到某个区域后改变形状

问题描述:

当光标移动到页面的某个位置的时候需要使其改变形状,如变成一个伸出食指的小手等等。

解决方法:

使用到css中的cursor属性

代码实现(以伸出食指的小手为例):

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>cursorTest</title>
</head>
<style>.cursorTestDiv{cursor:pointer;width: 100px;height: 100px;background: red;}
</style>
<body>
<div class="cursorTestDiv"></div>
</body>
</html>

运行成功后可以看到,当光标移入红色区域后就会变成一个小手。

使其产生变化的代码是这一行:

其他样式:

当然,光标的变化不仅仅局限于此

crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右(东)移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(南)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。

相关文章:

iphone开发UITable内嵌不同风格Table

在iphone开发中使用Table的时候&#xff0c;由于Table有的风格UITableViewStylePlain或者UITableViewStyleGrouped一旦指定&#xff0c;便无法修改。但是在使用的过程中&#xff0c;总是会出现一些特殊的需求&#xff0c;他们要求可以同时使用不同的风格。 那么可以在制作table…

php面试题8

php面试题8 一、总结 二、php面试题8 1、表单数据提交方式 POST 和 GET 的区别&#xff0c;URL 地址传递的数据最大长度是多少&#xff1f;$_GET 传参是请求 HTTP 协议通过 url 参数传递和接收,会在浏览器地址栏中看到$_GET 传参最多 2k 个字符$_POST 是实体数据传参,隐藏式的,…

php 计算器

<html><head><title>PHP实现简单计算器</title><meta http-equiv"Content-Type" content"text/html;charsetgb2312"></head> <?php$num1true;$num2true;$numatrue;$numbtrue;$message"";//单路分支if(i…

【jQuery】如何用jQuery实现鼠标移入后改变背景颜色

实现效果如图&#xff1a; jQuery代码实现&#xff1a; $(function () {var oldColor "";$(".mouse-in-out").mouseover(function () {originalColor $(this).css("background-color");$(this).css("background-color","#d9e8f…

域用户权限设置目录权限

声明&#xff1a;本文转载自gnaw0725.blogbus.com&#xff0c;更新网址&#xff1a;http://gnaw0725.blog.51cto.com。 一般用户是domain user权限&#xff0c;现在设置的策略是&#xff0c;每个硬盘分区的权限下只有administratordomain,和userdomain可以读写&#xff0c;遇到…

有用的编程相关网站

1.代码可视化网站&#xff1a;http://www.pythontutor.com 转载于:https://www.cnblogs.com/fuqia/p/9074571.html

手把手教你如何扩展GridView之自带CheckBox

我们在使用GridView的时候&#xff0c;很多时候需要使用CheckBox列&#xff0c;比如批量删除&#xff0c;批量审批&#xff0c;但是每每都需要记住繁琐的实现方法。多麻烦呀&#xff01;再次给GridView做个手术&#xff0c;让它自己就能产生CheckBox岂不爽死了。以后您就有权利…

c++ 的重载、覆盖、隐藏

成员函数被重载的特征&#xff1a;&#xff08;1&#xff09;相同的范围&#xff08;在同一个类中&#xff09;&#xff1b;&#xff08;2&#xff09;函数名字相同&#xff1b;&#xff08;3&#xff09;参数不同&#xff1b;&#xff08;4&#xff09;virtual关键字可有可无。…

【css】padding 和 margin的区别

css中有有一对经常是一起出现的属性&#xff1a;padding和margin&#xff0c;接下来我们以一个例子来看一下两个属性的作用及其区别。 实例演示&#xff1a; 使用属性前&#xff1a; 代码实现&#xff1a; <!DOCTYPE html> <html lang"en"> <head&…

POJ-2159(Water)

2159:Ancient Cipher 查看提交统计提问时间限制: 1000ms 内存限制: 65536kB 描述 Ancient Roman empire had a strong government system with various departments, including a secret service department. Important documents were sent between provinces and the capital…

tensor乘运算

torch.mul(a, b) 是矩阵 对应位相乘&#xff0c;即点乘操作&#xff0c; a和b的维度必须相等&#xff0c;a的维度是(1,2)&#xff0c; 则b的维度必须是&#xff08;1,2&#xff09;&#xff0c; 返回还是&#xff08;1,2&#xff09;的矩阵 torch.mm(a,b)是矩阵a和b矩阵相乘&am…

android,与PHP通信,返回JSON

小项目需要读取数据库&#xff0c;刚好手头有服务器&#xff0c;处于某些考虑&#xff0c;还是想远程读数据&#xff0c;所遇异常 Logcat异常&#xff1a;SingleClientConnManager(411): Invalid use of SingleClientConnManager: connection still allocated. Make sure to re…

【工具软件】webstorm配置

下载webstorm和jar包&#xff1a; 下载网址&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1Tnp4TqWnu8dQzv6ds7zhyw 提取码&#xff1a;de0f 下载软件&#xff1a; 1、 2、选择一个非C盘的位置安装 3、在1处选自你电脑的操作系统&#xff0c;大概率是64位的&#x…

美国爱因斯坦计划技术分析

【本文与2014年6月16日再次编辑&#xff0c;增加了一个续文的链接】【本文于2011年8月30日再次更新&#xff0c;修订并补充了有关爱因斯坦3的一些内容】【本文于2011年8月20日更新】【前言】本文始于对网络安全态势感知的研究。而美国的这个爱因斯坦计划可以看成是网络态势感知…

[C].运算符

运算符是一种告诉编译器执行特定的数学或逻辑操作的符号。C 语言内置了丰富的运算符&#xff0c;并提供了以下类型的运算符&#xff1a; 算术运算符关系运算符逻辑运算符位运算符赋值运算符杂项运算符本章将逐一介绍算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符和…

[kuangbin带你飞]专题六 最小生成树 L - 还是畅通工程 (简单最小生成树)

L - 还是畅通工程 题目链接&#xff1a;https://vjudge.net/contest/66965#problem/L 题目&#xff1a; 某省调查乡村交通状况&#xff0c;得到的统计表中列出了任意两村庄间的距离。省政府“畅通工程”的目标是使全省任何两个村庄间都可以实现公路交通&#xff08;但不一定有直…

[建议] GCC 新手入门【转】

本文是写给 gcc 新手的入门文章&#xff0c;所以内容比较简单。如果你知道下面3条命令都可以编译c的话&#xff0c;就不用在本文浪费时间了 g -Wall hellocpp.cpp gcc -Wall hellocpp.cpp -lstdc gfortran -Wall hellocpp.cpp -lstdc 注&#xff1a;本文最新版在wiki中 http:…

【java】如何判断数组中的内容是否重复

代码实现&#xff1a; public static boolean judgeArray(long[] arraySample) {HashSet<Long> hashSet new HashSet<Long>();for (int i 0; i < arraySample.length; i) {hashSet.add(arraySample[i]);}if (hashSet.size() arraySample.length) {return tr…

html标签的赋值与取值

现在有一个Add.ascx 和一个Add.aspx页面&#xff0c;Add.ascx中有一个html标签&#xff0c;如果标签有默认值的话在Add.ascx.cs的Page_Load中有Request.Form["标签ID"]就可以取到。 下面说赋值&#xff0c;因为我的标签是有默认值的&#xff0c;所以也就不能用<%%…

Entity Framework应用:根据实体的EntityState状态实现增删改查

在上一篇文章中&#xff0c;我们讲解了使用EF实现简单的增删改成&#xff0c;在这篇文章中我们使用实体的EntityState状态来优化数据的增删改查。 一、修改数据 上篇文章中的修改数据的方法是EF官方推荐的方式&#xff0c;即先查询出来要修改的数据&#xff0c;然后在修改。但是…

几种Normalization算法.md

神经网络有各种归一化算法&#xff0c;BN&#xff0c;LN&#xff0c;IN,GN。 1. Batch Normalization 实现流程&#xff1a;对Tensor为[N, C, H, W], 把第1个样本的第1个通道&#xff0c;加上第2个样本的第1个通道&#xff0c; 加上第N个样本的第1个通道&#xff0c;求平均&…

【java】浅谈注释

java中的注释可以分为三大类&#xff1a;行注释、块注释以及文档注释 行注释&#xff1a; 基本语法&#xff1a; //注释的内容 产生 效果&#xff1a;该行//之后的内容就都被注释了 块注释&#xff1a; 基本语法&#xff1a; /* 注释内容 */ 注&#xff1a;块注释禁止嵌套…

一个“复制/删除”方式的滚动

一个利用复制和删除节点的方式做的滚动。。。不知性能怎样呢&#xff1f; 一个滚动Left Right 12345678转载于:https://www.cnblogs.com/lbsgood/archive/2012/06/08/2541177.html

OSPF-网络类型(ip ospf network ?)

在介绍之前首先看个表&#xff01;二层链路与OSPF网络类型有什么联系呢&#xff1f;其实中间的关系可大了&#xff0c;OSPF网络类型应该说是根据二层链路的类型来选择的&#xff0c;而且两者应用匹配&#xff0c;也就是当OSPF网络类型支持组播时&#xff0c;如果二层链路不支持…

E20180525-hm

sensitive adj. 敏感的; 感觉的; [仪] 灵敏的; 易受影响的; lookup v. 查找; 查表; speedy adj. 快的&#xff0c;迅速的; 敏捷的 marshal vt. 整理&#xff0c;排列&#xff0c;集结; vi. 排列; 编队; n. 元帅; 典礼官; 执法官; 消防局长; feature n. 特征&#xff0c;特点;…

[题解]RGB Substring (hard version)-前缀和(codeforces 1196D2)

题目链接&#xff1a;https://codeforces.com/problemset/problem/1196/D2 题意&#xff1a; q 个询问&#xff0c;每个查询将给你一个由 n 个字符组成的字符串s&#xff0c;每个字符都是 “R”、“G” 或 “B”。 求出更改初始字符串 s 中的最小字符数&#xff0c;以便更改后将…

C#连接MySql

1.从http://prdownloads.sourceforge.net/mysqldrivercs/MySQLDriverCS-n-EasyQueryTools-3.0.18.exe?download上下载MySQLDriverCS. 然后安装。2.从安装目录中把MySQLDriverCS.dll.添加到.net的组件 1 public void Connect_Net()2 {3 MySQLConnection m…

【java】快速复制数组方法arraycopy的使用

通常进行数组的复制需要使用到循环&#xff0c;然而jdk中已经给我们封装好了一个专门用来复制数组的快捷方法 arraycopy&#xff08;&#xff09; 使用方法&#xff1a; System.arraycopy(src, srcPos, dest, destPos, length); 注&#xff1a; src:被复制的数组 srcPos&am…

【指针的高级声明】

在分享这些高级声明之前&#xff0c;我想&#xff0c;大家有必要知道各个操作符在C、C语言中的优先级&#xff0c;以便识别欲讲述的高级声明。这里先列举一些高级声明的例子&#xff0c;能自己揣摩清楚最好不过了&#xff0c;如果有想不懂的地方&#xff0c;请参见下方的识别方…

【大数据实时计算框架】Storm框架

一、大数据实时计算框架 1、什么是实时计算&#xff1f;流式计算&#xff1f; &#xff08;一&#xff09;什么是Storm?Storm为分布式实时计算提供了一组通用原语&#xff0c;可被用于“流处理”之中&#xff0c;实时处理消息并更新数据库。这是管理队列及工作者集群的另一种方…