css鼠标悬浮显示效果(鼠标手势)

鼠标悬浮显示效果

将鼠标悬浮到下面超链接上看效果!

css鼠标手型cursor中hand与pointer

Example：CSS鼠标手型效果 CSS鼠标手型效果

注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。

Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果

Example：CSS鼠标十字型效果 CSS鼠标十字型效果

Example：CSS鼠标I字型效果 CSS鼠标I字形效果

Example：CSS鼠标等待效果 CSS鼠标等待效果

Example：CSS鼠标默认效果 CSS鼠标默认效果

Example：CSS鼠标向右的箭头效果 CSS鼠标向右的箭头效果

Example：CSS鼠标向右上箭头效果 CSS鼠标向右上箭头效果

Example：CSS鼠标向上箭头效果 CSS鼠标向上箭头效果

Example：CSS鼠标向左上箭头淘宝开店效果 CSS鼠标向左上箭头效果

Example：CSS鼠标向左箭头效果 CSS鼠标向左箭头效果

Example：CSS鼠标向左下箭头效果 CSS鼠标向左下箭头效果

Example：CSS鼠标向下箭头人生感悟效果 CSS鼠标向下箭头效果

Example：CSS鼠标向右下箭头效果 CSS鼠标向下箭头效果

源码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>鼠标悬浮显示效果</title>
</head>
<body>
<h2>鼠标悬浮显示效果</h2>
css鼠标手型cursor中hand与pointer
Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a>
Example：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>
注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。
Example：CSS鼠标由系统自动给出效果 <a href="#" style="cursor:auto">CSS鼠标由系统自动给出效果</a>
Example：CSS鼠标十字型效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型效果</a>
Example：CSS鼠标I字型效果 <a href="#" style="cursor:text">CSS鼠标I字形效果</a>
Example：CSS鼠标等待效果 <a href="#" style="cursor:wait">CSS鼠标等待效果</a>
Example：CSS鼠标默认效果 <a href="#" style="cursor:default">CSS鼠标默认效果</a>
Example：CSS鼠标向右的箭头效果 <a href="#" style="cursor:e-resize">CSS鼠标向右的箭头效果</a>
Example：CSS鼠标向右上箭头效果 <a href="#" style="cursor:ne-resize">CSS鼠标向右上箭头效果</a>
Example：CSS鼠标向上箭头效果 <a href="#" style="cursor:n-resize">CSS鼠标向上箭头效果</a>
Example：CSS鼠标向左上箭头效果 <a href="#" style="cursor:nw-resize">CSS鼠标向左上箭头效果</a>
Example：CSS鼠标向左箭头效果 <a href="#" style="cursor:w-resize">CSS鼠标向左箭头效果</a>
Example：CSS鼠标向左下箭头效果 <a href="#" style="cursor:sw-resize">CSS鼠标向左下箭头效果</a>
Example：CSS鼠标向下箭头效果 <a href="#" style="cursor:s-resize">CSS鼠标向下箭头效果</a>
Example：CSS鼠标向右下箭头效果 <a href="#" style="cursor:se-resize">CSS鼠标向下箭头效果</a>
</body>
</html>

posted @ 2015-01-17 19:48 天空102 阅读(3568) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

天空102

css鼠标悬浮显示效果(鼠标手势)

鼠标悬浮显示效果

公告