css中鼠标在链接处变成的"小手"图标怎样改成别的样子?

最新推荐文章于 2023-12-11 10:06:57 发布
最新推荐文章于 2023-12-11 10:06:57 发布
阅读量233 收藏
点赞数
原文链接：http://www.cnblogs.com/craig/archive/2011/06/02/2069986.html
版权 
<head>
<title></title>

<style type="text/css">
<!--
a {
 cursor: help;
}
-->
</style>

</head>
------------------------------------
其中的"help"可以换成以下内容

hand  手形  
crosshair  十字形  
text  文本形  
wait  沙漏形  
move  十字箭头形  
help  问号形  
e-resize  右箭头形  
n-resize  上箭头形  
nw-resize  左上箭头形  
w-resize  左箭头形  
s-resize  下箭头形  
se-resize  右下箭头形  
sw-resize  左下箭头形

url('#')  用户自定义（可用动画）  # = 光标文件地址(注意文件格式必须为：.cur 或 .ani)。


===================================

 

 在第一行body{}中添加鼠标代码，此为全页鼠标指针显示的样子；

如：旋转萨克斯
body{CURSOR: url('http://webme.bokee.com/inc/mouse126.ani'); }

在第二行加入a:hover{}，在这之中添加的鼠标代码，是鼠标指针移到链接上显示的样子。

如：旋转吉他
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse115.ani')；}

转载于:https://www.cnblogs.com/craig/archive/2011/06/02/2069986.html

weixin_30561177
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2.7css精灵图 字体图标 三角 用户界面样式 布局技巧 文字溢出省略号
weixin_65223633的博客
01-23 227
精灵图（sprites） 精灵图的目的：为了有效减少服务器接受和发送请求的次数，提高页面的加载速度 background-position: x y; 使用精灵图核心： 精灵图技术针对背景图片使用。把多个小背景图片合到一张大图片中 移动距离就是这个目标图片的x和y坐标，且精灵图一般都是负值（一般情况都是往左往上移动，所以数值是负值） 使用精灵图时要精确测量每个小背景图片的大小和位置 精灵图有诸多优点，但缺点很明显： 图片文件还是较大 图片本身放大和缩小会失真 一旦图片制作完毕想要换非常
CSS前端基础知识梳理
m0_47224321的博客
09-29 585
Day04-CSS CSS：层叠样式表。 CSS(Cascading Style Sheets) 就是用来美化样式的！！！ CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 1、书写位置 第一种：行内样式（内联样式） 语法：通过标签的style属
css小手标示
zhaoletf的博客
09-08 9378
鼠标放上去显示小手形状， css样式如下： style=“cursor: hand” 部分浏览器支持 style=“cursor: pointer” 大部分浏览器都支持 把上述两个代码中的一个放进去即可,而小手的标示只是sursor其中一个属性,接下来让我一起看下sursor具体有那些用法。 cursor 定义和用法 cursor 属性规定要显示的光标的类型（形状）,下面是具体的属性。 default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。 crosshair 光标呈现为
html中cursor标签,CSS中cursor属性给标签加上小手形状
weixin_39747075的博客
07-03 1095
我们发现a标签在网页中有一个值得注意的地方，即鼠标移到a标签上光标会变成一只小手的图标，移出a标签后又恢复为默认箭头。如今，JS在网页中的功能越来越强大，有时候我们需要在页面中添加一些可点击的标签实现一些功能。如以下代码：鼠标指针变成文本输入图形这个例子中，我们给h1标签加上了一个onclick事件，单击弹出hi提示框。虽然功能实现了，但我们发现鼠标指针移动到h1标签上的时候指针图形编程了一个文本...
CSS鼠标移入编小手，以及其他形状
m0_48775046的博客
06-30 355
css设置鼠标移入变小手，cursor:pointer;或者οnmοuseοver="this.style.cursor='hand'"
自己画图更换鼠标显示形状
全心全意为人民服务的柠檬
07-19 1647
CircleCursor类 package { import flash.display.Sprite; import flash.geom.Point; public class CircleCursor extends Sprite { //画故障选择 // [Bindable]private var lp:Point = new Point();
CSS cursor 属性(设置鼠标光标)
qq_44537625的博客
08-23 933
cursor用来设置悬停在元素上面时的鼠标光标。 示例代码 <html> <body> <p>把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"&gt...
HTML5+CSS3 非常全的笔记
LeHan的博客
05-13 621
文章目录HTML5vsco的使用常用标签图像标签超链接标签锚点链接特殊字符表格标签列表标签表单标签实战（注册页面）CSS3书写规范css选择器基础选择器标签选择器类选择器id选择器通配符选择器复合选择器后代选择器(很重要)子选择器（重要）并集选择器（重要）伪类选择器链接伪类选择器focusw伪类选择器CSS字体属性字体系列字体样式字体大小字体粗细复合形式文本属性文本颜色对其文本装饰文本文本缩进行间距CSS引入方式内部样式表（嵌入式）内联样式表（行内式）外部样式表案例新闻页面CCS的元素显示模式行内块元素显示
CSS层叠样式表Cascading Style Sheets(2021.10.05)
SHY
12-19 1288
一、CSS简介 1.优缺点 优点：丰富的样式描述； 样式和结构的分离，便于维护和管理； 减少代码量，加快页面加载； 样式代码复用性强； 多个页面可以使用同一个CSS代码； 缺点：浏览器对CSS支持程度不同。 2.CSS特性 (1)继承性 1）后代元素继承祖先元素的样式(嵌套关系)； 2）只能继承文字、文本样式(如，color、text-开头、font-开头、line-开头)，其他样式不能继承。 (...
HTML+CSS学习笔记（温故而知新）
qq_64510496的博客
07-14 158
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
css中鼠标在链接处变成的“小手”图标
weixin_30542079的博客
04-18 330
<head> <title></title> <style type="text/css"> <!-- a { cursor: help; } --> </style> </head> ------------------------------------ 其中的"help"可以换成以下内容 hand 手形 cr...
css鼠标触碰，变成小手图标
最新发布
Yt0601的博客
12-11 1477
在css中，鼠标经过或悬浮变成小手或十字型
鼠标显示效果的形状设置
weixin_30814329的博客
02-24 175
(一) <style type="text/css"><!-- span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}--></style> <span style="cursor:*;">*型形状</span...
CSS中cursor属性给标签加上小手形状
热门推荐
王燕欣的博客
06-29 1万+
我们发现a标签在网页中有一个值得注意的地方，即鼠标移到a标签上光标会变成一只小手的图标，移出a标签后又恢复为默认箭头。 如今，JS在网页中的功能越来越强大，有时候我们需要在页面中添加一些可点击的标签实现一些功能。如以下代码： 1 2 3 meta charset="utf-8" /> title>给点击标签加上小手
电脑小手图标怎么去除_电脑桌面图标怎么变小
weixin_32239819的博客
12-30 1901
　　我们经常会在电脑桌面上放置很多需要使用的图标，如果图标太大会占据不少桌面的空间，下面就为大家介绍一下电脑桌面图标怎么变小的步骤。电脑图标怎么变小　　方法一：　　可以在系统桌面按住ctrl键活动鼠标转轮，会看到向上转的时候桌面图标变大，相反，向下转的时候桌面图标变小。第二种方法是，如果鼠标没有转轮，可以右键单击桌面，选择查看，这样可以选择大图标、中等图标或者小图标，具体的设置可以按照个人喜好来选...
利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标)
刘悦的技术博客
03-25 4203
现而今，我们纵向的回顾整个大前端的历史，不难发现，人们对前端的审美要求越来越高，越来越严苛，与此同时，人们对追求美的体验是也极致的，从理性到感性，从平面到几何，从现实到虚拟，所以从某种角度来说，作为前端工程师，他们所追求的东西往往和人类软件核心理念南辕北辙，因为人类的终极追求是个性，绝不是共性，换句话说，大家都一样就不好玩儿了。 那么作为web前端，追求个性的手段手段之一就是鼠标指...
css中cursor属性详解
coolsooner
01-05 203
css中cursor属性详解 语法： cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait ...
CSS鼠标变图标
balidui8328的博客
06-30 393
cursor auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-te...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值