文档章节

自定义web页面上鼠标指针图标

IamOkay
 IamOkay
发布于 2014/11/06 07:50
字数 278
阅读 1037
收藏 8

有时为了在特定区域显示特定的鼠标指针,需要设置 cursor属性,通常显示的是系统自带的鼠标指针,如何修改成为显示自定义图标的指针呢?

cursor还有一个属性url,但这个属性的用法需要注意一下几点:

  1. 从一些网站下载鼠标光标图片(鼠标指针主题包),解压之后,将需要的指针图片文件夹放在web目录下

如:下面假设webroot是网站根目录,网址为http://my.oschina.net/

/webroot/mycursor/

2.然后修改特定的html标签的css属性,假设静态文件资源是style.css

/webroot/static/style.css

修改html css

.testDiv{
  cursor:url('http://my.oschina.net/mycursor/pointer.cur');
}

需要注意的是,必须是 “网络绝对路径 http://my.oschina.net/”不能使用相对路径


Try doing it;

© 著作权归作者所有

IamOkay

IamOkay

粉丝 199
博文 483
码字总数 403041
作品 0
海淀
程序员
私信 提问
Google Chrome浏览器更新了画中画用户界面

Chromium团队的Francois Beaufort在Chrome浏览器中更新了画中画模式的用户界面,功能保持不变,但用户界面确实已经更改。在最新Chrome 金丝雀版本中针对画中画模式进行的更改,也适用于Chrom...

稿源:
05/18
0
0
Kuuga——转化任何 Web 页面为桌面应用的跨平台工具

下载地址: Download (MacOS) Download (Windows) 什么是 是一个基于 + 构建的跨平台桌面应用,能够转化任何 Web 页面为桌面应用。 这个名称来源于《假面骑士古迦》。古迦是一个为了保护人们...

Jrain
03/19
0
0
在 IE 中调试 JavaScript

本文详细介绍了在 IE 中进行 JavaScript 调试所用到的工具,并通过一个例子演示了 如何使用这些工具,可以让读者掌握在 IE 上调试 JavaScript 的方法和技巧,加快他们在 IE 上 开发 Web 应用...

IBMdW
2011/05/27
11.8K
5
如何使用几何画板工具箱

现在很多人都在使用几何画板作为数学和工作的必备软件。今天小编就来和大家分享一下如何使用几何画板中的工具箱。   几何画板工具箱位于界面的左侧,从上到下依次为:选择或拖动对象工具、...

neluzyy1
2015/09/08
251
0
jquery 评分插件

现在做网页已经不仅限于实现功能了,更多的是要实现功能的同时追求更加美观的实现。比如页面上让用户评分的功能,你完全可以放5个RdioButton让用户选择分数,也可以用DropDownList来实现,但...

阿山哥258
2015/10/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

系列一、SpringMVC概念及测试案例

三层架构和MVC概念 一.、三层架构概念 咱们开发服务器端程序,一般都基于两种形式,一种C/S架构程序,一种B/S架构程序,使用Java语言基本上都是开发B/S架构的程序,B/S架构又分成了三层架构 ...

我叫小糖主
16分钟前
0
0
Jenkins 文档特别兴趣小组

本文首发于:Jenkins 中文社区 我们很高兴地宣布 Jenkins 文档特别兴趣小组的成立。 文档特别兴趣小组鼓励贡献者和外部社区创建和 review Jenkins 文档。 更多详情和计划,请参见:文档特别兴...

Jenkins中文社区
18分钟前
0
0
servlet和jquery

package com.atguigu.demo;public class Demo {/** * Servlet * * 为什么学Servlet * htmlservlet dao-jdbc(sql:select * from users where username=? and pwd=?...

architect刘源源
27分钟前
0
0
微服务项目中如何集成——XXL-SSO单点登录系统

为什么需要做单点登陆系统 大型互联网公司中,公司旗下可能会有多个子系统,每个登陆实现统一管理多个账户信息统一管理 SSO单点登陆认证授权系统 总体设计架构图 单点登陆系统实现思路 ...

须臾之余
29分钟前
0
0
使用mybatis

1.引入依赖 <dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>2.0.0</version></dependency>......

贾峰uk
32分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部