扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
那个要写CSS来控制的,
创新互联是一家集网站建设,岚山企业网站建设,岚山品牌网站建设,网站定制,岚山网站建设报价,网络营销,网络优化,岚山网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
body{
CURSOR: url(鼠标图片地址);
}
也可以这样写
body{
CURSOR: crosshair;//十字
}
你说的那种手抓形好像没有,你可以做个手抓的图片,然后把它定义成鼠标样式就好了。比如
body{
CURSOR: url('http://你地网站/手抓.jpg');
}
如何用CSS设置连接鼠标在上面变成手型?
用CSS设置连接鼠标在上面变成手型的方法:只需要对需要设置鼠标指针的文字加上一个 cursor: pointer 即可实现。
具体步骤:
一、打开前端开发软件,新建一个html代码页面。
二、在新建的html代码页面上找到body,在这个body标签里创建一个标签,a案例中使用的是a。
三、为新家a添加鼠标指针为手指样式。在html代码页面中找到tilte,在这个title后面创建一个style,然后在style中新建一个样式类,最后为这个样式类添加鼠标指针样式。
四、把鼠标指针样式添加到a标签上。
五、保存html代码后使用浏览器打开,当鼠标滑过a上的文字后即可看到鼠标变为了指针状态。
六、直接复制以下代码到新建的html文件上,粘贴保存后使用浏览器打开即可看到效果。
任意标签中插入 style="cursor:hand"
多种形状可供选择
hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流