博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】当我们在浏览图片的时候，怎么样改变鼠标的默认图标呢（如手型）。
有的时候在浏览大图片的时候，在上一张，下一张的时候，我们需要改变光标的手型，换成左右切换的图片。
下面是图片资源：
完整CSS代码如下：
<!DOCTYPE>
<html>
<head>
<title>改变鼠标滑过默认图标</title>
<meta charset = "utf-8" />
<style type="text/css">
*{margin:0;
padding:0;
font-size:12px;
}
.wrap{border:1px solid red;
width:360px;
height:200px;
margin:100px auto;
background:url('108_3.jpg') no-repeat;position:relative;
}
.left{position:absolute;
border:1px solid red;
width:20%;
height:100%;
top:0;
left:0;
cursor:url(l.cur),default;
}
.right{position:absolute;
border:1px solid red;
width:20%;
height:100%;
top:0;
right:0;
cursor:url(r.cur),default;
}
</style>
</head>
<body>
<div class="wrap">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
即当光标滑过左右两个div的时候，光标手型将换成左右切换的图片。
版权归 马富天个人博客 所有
本文标题：《CSS改变鼠标滑过默认图标》
本文链接地址：http://www.mafutian.com/108.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶0
踩0
| 评论审核未开启 |
|
||
|