`
lvchaocaiCC
  • 浏览: 5750 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

鼠标移至web链接的显示效果

阅读更多
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。
但用我们也可以控制鼠标的显示效果哦,可以使鼠标移动到文本上时显示其他的形状哦。 赶紧试试吧!
控制语法如下: <span style="cursor:效果">文本或其它页面元素</span>
可把 (效果)两个字换成如下22个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize、auto、progress、not-allowed、no-drop、vertical-text、all-scroll、col-resize 和 row-resize 等。

下面是对这22种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧

hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
progress是程序运行中的效果
not-allowed是系统禁止的效果
no-drop是系统禁止运行的效果
vertical-text是垂直文字鼠标效果
all-scroll是滚动浏览的效果
col-resize是拖动表格宽度的效果
row-resize是拖动表格高度的效果

自定义光标进阶

<span style="cursor:url(自定义光标文件地址)">文本或其它页面元素</span>

自定义光标文件可以是这各种格式,例如动态光标文件 *.cur 或 *.ani 静态图标.ico 图片文件.gif 等等

分享到:
评论

相关推荐

    用JavaScript创建交互式Web页面 (1).pdf

    例如,用户单击按钮便产生一个click事件,而用户将鼠标移至超级链接上时,会触发mouseover事件。 事件处理程序能截取这些消息,并响应各种事件以响应用户各种交互操作。单击一个按钮能弹出一个窗口,即窗口的弹出是...

    jq+css3照片堆栈效果 jquery+css3照片堆栈效果代码下载.zip

    例如,当用户点击一张照片时,该照片可能会放大并移至堆栈顶部,其他照片则相应地移动以创建堆栈被推移的视觉效果。 HTML5在这个项目中提供了更强大的结构和语义化元素,如`&lt;figure&gt;`和`&lt;figcaption&gt;`,用于定义...

    php数据库连接代码,html创建窗口代码,javascript脚本定义.pdf

    当鼠标移开时,`onmouseout`事件触发,图片恢复为`t01.jpg`。这是基本的交互式网页元素实现。 2. HTML链接与书签:第二段代码展示了如何创建超链接和书签。`&lt;a&gt;`标签用于创建超链接,`href`属性定义链接的目标。`...

    效果超棒的Webgl模型-法拉利跑车

    用户可能通过鼠标或触摸交互来旋转、平移和缩放模型,获得沉浸式的浏览体验。 总之,WebGL为网页带来了强大的3D图形功能,使得开发者能够创建出诸如“效果超棒的Webgl模型-法拉利跑车”这样的互动内容,为网页应用...

    citrix 中文管理操作手册

    使用我的视图自定义显示效果 31 管理多个场中的应用程序及服务器 31 使用 Access Management Console 查看区域 31 管理用户会话和服务器进程 31 使用 Access Management Console 创建报告 31 使用 Access Management...

    EXCEL图形和图表编辑技巧.docx

    将鼠标指针移到形状上,连接点会变色,单击连接点以连接线条,然后在另一个形状上重复此过程。 3. **Excel单元格转换成图片**:要将Excel单元格区域转换为图片,选定区域,按Shift键,然后使用“编辑-复制图片”...

    WEB_JavaScript语言[整理].pdf

    例如`onClick`事件会在用户点击元素时触发,`onChange`在表单字段值改变时触发,`onFocus`和`onBlur`分别在元素获得和失去焦点时触发,`onMouseOver`和`onMouseOut`在鼠标移入和移出元素时触发,`onLoad`在页面加载...

    C#编程经验技巧宝典

    58 &lt;br&gt;0081 文本中首字母改为大写 59 &lt;br&gt;0082 C#随机数的产生 59 &lt;br&gt;0083 身份证从15位升至18位算法 60 &lt;br&gt;0084 十进制数转二进制数的算法 60 &lt;br&gt;0085 十进制数转八进制数的算法 61...

    PHP在动态网页中的应用.pdf

    安装完成后,我们需要重新启动计算机,然后在任务栏的右下角将会出现一个小图标,将鼠标移至该图标上时,将出现 Personal Web Server 运行中的提示。 接下来,我们需要安装 PHP。PHP 的安装过程非常简单,只需要将 ...

    RadarTest.7z

    5. **用户交互**:为了让用户能够更好地理解和交互,你可能还需要添加额外的功能,如鼠标悬停显示数据提示、缩放和平移等。这可以通过监听鼠标和键盘事件来实现。 6. **性能优化**:对于大规模数据或高性能需求,...

    第07讲JavaScript脚本语言三.ppt

    除了上述事件,还有许多其他常见的JavaScript事件,如onMouseOver(鼠标移入)、onMouseOut(鼠标移出)、onLoad(页面加载完成)、onSubmit(表单提交)、onMouseDown(鼠标按键按下)和onMouseUp(鼠标按键释放)...

    threejs之3D飞行线

    这允许用户通过鼠标或触摸事件来平移、缩放和旋转相机。确保正确导入和初始化OrbitControls,并将其关联到场景的相机。 5. **光照**:光照对于3D场景的真实感至关重要。添加点光源(PointLight)或方向光...

    MapXTreme入门培训教程

    1. 缩放和平移:用户可以通过鼠标或触控设备实现地图的缩放和平移操作。 2. 图例与比例尺:添加图例和比例尺,提供地图阅读的辅助信息。 五、空间查询与分析 1. 点选查询:选择地图上的特定对象获取相关信息。 2. ...

    一款基于HTML5 Canvas的画板涂鸦

    5. **图像处理**:Canvas可以通过`drawImage()`函数加载和显示图片,也可以对图像进行裁剪、缩放、旋转等操作,甚至可以与其他元素结合进行像素级别的混合效果。 6. **动画**:通过`requestAnimationFrame()`函数,...

    ArcEngine 绘制图形清晰全注释完整代码

    同时,支持缩放、平移、旋转等地图操作,以及图层的显示和隐藏控制。 总结,ArcEngine提供的绘图功能使得开发者能够创建出丰富多样的GIS应用。通过理解并实践这份全注释的代码,初学者不仅能学习到基本的图形绘制,...

    webGl_test1.rar

    综上所述,"webGl_test1.rar" 文件包可能是为了教学或演示如何使用WebGL创建具有3D界面、STL模型加载和鼠标交互功能的Web应用程序,并计划在未来集成OpenCASCADE来增强其3D处理能力。开发者或学习者可以通过解压这个...

    MapX5 学习交流

    - 缩放与平移:提供用户友好的缩放和平移工具,以便在地图上自由浏览。 - 层级管理:支持地图分层,可以方便地控制各层的显示和隐藏。 4. **图层处理**: - 数据加载:将不同类型的地理数据加载到不同的图层中,...

    vb+mapx实例

    7. **地图服务**:MapX可以连接WMS(Web Map Service)和WFS(Web Feature Service)等地图服务,获取和操作远程地图数据。 8. **自定义功能**:除了内置的功能,开发者还可以通过MapX提供的API扩展其功能,比如...

Global site tag (gtag.js) - Google Analytics