在网页中如何定义鼠标的样式
在网页中如何定义鼠标的样式
作者:闪吧 类型:原创 来源:闪吧
解决思路:
用cursor属性可以实现,可选值及说明如表2.1.6.2所示。
表2.1.6.2 cursor属性的可选值
可选值说明
hand手型
crosshair十字型
text鼠标移动到水平文本上的样式
wait等待
default系统默认样式
help带问号的样式
e-resize向右的箭头
ne-resize向右上方的箭头
n-resize向上的箭头
nw-resize向左上方的箭头
w-resize向左的箭关
sw-resize向左下的箭头
s-resize向下的箭头
se-resize向右下方的箭头
auto系统自动应用的样式
move十字箭头,移动对象时的样式
pointer鼠标移上链接时的样式,同hand(需IE6+支持)
all-scroll中间一小圆点,上、下、左、右四个方向是箭头的样式,表示页面可以向任意方向滚动(需IE6+支持)
col-resize左右两个箭头,中间以两条垂线分开,表示项目/栏的大小可以在水平方向上改变(需IE6+支持)
no-drop左边为手型,右边为斜线穿过的小圆圈, 表示可拖动项目在当前鼠标位置不能放开.
not-allowed斜线穿过的小圆圈,表示所请求的动作不能被执行(需IE6+支持)
progress指针旁有沙漏标志,表示后台有程序在运行,用户与此页面的交互不受影响(需IE6+支持)
row-resize上下两个箭头,中间以两条水平线分开,表示项目/栏的大小可以在垂直方向上改变(需IE6+支持)
url(uri)指针由作者定义,使用自定义通用资源识别码,例如url(’mycursor.cur’)。.cir,.ani类型的指针是唯一被支持的指针类型。(需IE6+支持)
vertical-text可编辑的垂直文本样式,以一个水平翻转的I来表示(需IE6+支持)
具体步骤:
代码示例:
<style>
body{cursor:default}
textarea{cursor:url(demo.cur)}
</style>
<span style="cursor:help">查看帮助</span>
<textarea></textarea>
注意:
l 以cursor:url(url)方式定义的鼠标样式需要IE6+的支持
l 定义的光标效果会因为系统所应用的Theme(主题)的影响而尽相同。
提示:光标文件除了静态的.cur格式的之外,还有.ani格式动态光标文件。
特别提示
运行本例代码,鼠标移上查看帮助四个文字上面,光标的效果如图2.1.6.10所示。
图1.2 自定义的光标效果
特别说明
cursor属性用于设置鼠标移上对象时所显示的光标形状或光标文件,对应的脚本特性为cursor,可选参数见表2.1.6.2。
在网页中如何定义鼠标的样式相关推荐
- 如何在网页中禁止使用鼠标右键?几种方法和大家分享
如何在网页中禁止使用鼠标右键 方法一:最简单的方法 <SCRIPT language="JavaScript"> function click() { if(event ...
- CSS中已经定义宽度的样式 英文不执行换行
CSS中已经定义了最大宽度的样式 可是 英文不会换行 在编写一个聊天项目时 CSS中已经定义了最大宽度的样式 汉字会自动换行 可是 英文不会换行 原因:认为作为一个英语单词不换行 解决方案: 在CSS ...
- 网页中怎么屏蔽鼠标右键和部分按键功能
使用HTML里的<body>标签来作修改,它只有以下短短的一行代码: <body oncontextmenu=self.event.returnValue=false> 这里, ...
- 如何在html添加css样式表,网页中添加CSS样式表的四种方式
本文向大家描述一下网页中添加CSS样式表的四种方式,首先让我们来看一下CSS样式表文件的优势,主要体现在两个方面,请看下文详细介绍. CSS样式表文件的优势表现在两个方面: ***,简化了网页的格式代 ...
- 在HTML网页中书写JavaScript
参考书籍:<JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM>编著:张亚飞 1.使用<script>元素定义JavaScript ...
- DW里面html鼠标点击特效,如何在Dreamweaver中设置手形鼠标样式效果
如何在Dreamweaver中设置手形鼠标样式效果 1.按F7(或点击快速启动栏里那个象"八卦图"似的图标),调出CSS面板,选择"none",再点击面板下部的 ...
- html中怎么改变鼠标形状,css鼠标样式语法及20种可选值(属性)
我们对Windows各种各样的鼠标样式都不陌生,当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形 ...
- html写ccs样式怎么写、,在网页中使用CCS样式.ppt
在网页中使用CCS样式 在页面中使用CSS样式 通过CSS可以使用更丰富.更灵活的样式,更简单地设计出更美观的网页.同时,也让网页的设计与维护更有效率.CSS在网页设计中的作用尤为重要,是网页设计师必 ...
- php中表格的美化,美化网页中的Table表格样式 - 文章教程
Table表格曾经是网页布局的霸主,可惜现在用的少了,主要还是用在表现表格结构化数据的布局,虽说用得少,但是表格用起来还是很方便的,至少有时候比DIV+CSS更方便,关于如何美化网页中的Table表格 ...
最新文章
- AI大牛李沐的《工作五年反思》火了,网友:再一次impress了我
- C++显式隐式构造函数
- java word转html 报错 org/apache/poi/xwpf/usermodel/IRunBody
- BizTalk开发系列(三十一)配置和使用HTTP适配器
- ubuntu tail、history|grep 、alias命令
- 用css3制作旋转加载动画的几种方法
- Bootstrap-模态框 modal.js
- svn cleanup failed–previous operation has not finished; run cleanup if it was interrupted
- 网络流--最大流--POJ 1273 Drainage Ditches
- VNX NETAPP NAS 备份恢复
- oracle 11g 环境,Linux彻底清理Oracle 11g RAC环境方案
- CCNA学习与实验指南(640-802)
- 零基础学python知乎-35岁了零基础自学Python可行吗?
- php 锁机制 stream,Php+redis+锁机制实现高并发秒杀抢购解决方案
- 下载Googleearth地图作为底图显示曝光点
- Web服务器配置管理
- UE4 渲染半透明物体进深度剔除(复制物体)
- EI会议论文,第二届云计算、大数据与数字经济国际学术会议最终截稿倒计时10天
- adb root 权限运行
- python 今天日期是多少,python time时间,日期,时间
热门文章
- 凸轮挺杆仿真(Simulink)
- 汽车门阈值防抱死系统abs
- BT和eMule下载协议的比较和分析
- kettle的下载、安装和初步使用(windows平台下)(图文详解)
- 我弟今年高考,报的志愿是电子信息,到现在录取的是计算机科学与技术,哪个专业更好一些,2021年电子信息科学与技术专业大学排名及分数线【统计表】...
- Linux学习之查看log与查看进程_Sinno_Song_新浪博客
- 哪种变压器好-如何选择好的变压器-有哪几种型号和规格呢?
- 报告显示,疫情降低了人们的财务和社交幸福感
- 微分,泰勒公式及其在图像处理中的应用
- python开发web服务器——搭建简易网站