自定义鼠标类型

来源于 小强博客
 

一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。
但用我们也可以控制鼠标的显示效果哦，可以使鼠标移动到文本上时显示其他的形状哦。 赶紧试试吧！

 

控制语法如下: (在163博客的HTML编辑状态下，输入下面语法）
文本或其它页面元素
可把 （效果）两个字换成如下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是拖动表格高度的效果

 

自定义光标进阶

url(自定义光标文件地址)">文本或其它页面元素

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

预览如下（把鼠标放到下边的文字上看效果）：

把鼠标放上来看看

 

特色鼠标样式搜集：

鼠标样式 效果查看 代码 001 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse001.ani'); 002 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse002.ani'); 003 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse003.ani'); 004 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse004.ani'); 005 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse005.ani'); 006 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse006.ani'); 007 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse007.ani'); 008 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse008.ANI'); 009 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse009.ANI'); 010 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse010.ani'); 011 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse011.cur'); 012 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse012.ani'); 013 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse013.ani'); 014 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse014.ani'); 015 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse015.ani'); 016 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse016.ani'); 017 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse017.ani'); 018 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse018.ani'); 019 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse019.ani'); 020 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse020.ani'); 021 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse021.ani'); 022 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse022.ani'); 023 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse023.ani'); 024 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse024.ani'); 025 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse025.cur'); 026 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse026.ani'); 027 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse027.cur'); 028 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse028.cur'); 029 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse019.ani'); 030 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse020.ani'); 031 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse031.ani'); 032 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse032.ani'); 033 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse033.cur'); 034 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse034.ani'); 035 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse035.cur'); 036 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse036.cur'); 037 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse037.cur'); 038 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse038.cur'); 039 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse039.cur'); 040 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse040.cur'); 041 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse041.cur'); 042 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse042.cur'); 043 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse043.ani'); 044 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse044.ani'); 045 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse045.ani'); 046 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse046.ani'); 047 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse047.ani'); 048 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse048.ani'); 049 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse049.ani'); 050 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse050.ani'); 051 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse051.ani'); 052 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse052.ani'); 053 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse053.ani'); 054 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse054.ani'); 055 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse055.ani'); 056 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse056.ani'); 057 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse057.ani'); 058 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse058.ani'); 059 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse059.cur'); 060 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse060.ani'); 061 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse061.ani'); 062 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse062.ani'); 063 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse063.cur'); 064 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse064.cur'); 065 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse065.cur'); 066 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse066.ani'); 067 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse067.cur'); 068 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse068.ani'); 069 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse069.cur'); 070 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse070.cur'); 071 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse071.cur'); 072 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse072.cur'); 073 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse073.cur'); 074 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse074.ani'); 075 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse075.cur'); 076 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse076.cur'); 077 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse077.cur'); 078 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse078.cur'); 079 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse079.cur'); 080 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse080.cur'); 081 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse081.cur'); 082 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse082.ani'); 083 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse083.cur'); 084 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse084.cur'); 085 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse085.cur'); 086 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse086.cur'); 087 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse087.cur'); 088 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse088.cur'); 089 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse089.cur'); 090 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse090.cur'); 091 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse091.cur'); 092 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse092.cur'); 093 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse093.cur'); 094 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse094.cur'); 095 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse095.cur'); 096 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse096.cur'); 097 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse097.cur'); 098 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse098.cur'); 099 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse099.cur'); 100 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse100.cur'); 101 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse101.cur'); 102 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse102.cur'); 103 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse103.cur'); 104 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse104.ani'); 105 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse105.cur'); 106 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse106.cur'); 107 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse107.ani'); 108 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse108.cur'); 109 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse109.cur'); 110 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse110.cur'); 111 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse111.ani'); 112 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse112.cur'); 113 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse113.cur'); 114 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse114.ANI'); 115 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse115.cur'); 116 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse116.cur'); 117 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse117.ani'); 118 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse118.cur'); 119 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse119.cur'); 120 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse120.cur'); 121 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse121.cur'); 122 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse122.cur'); 123 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse123.ani'); 124 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse124.ani'); 125 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse115.ani'); 126 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse126.ani'); 127 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse127.ani'); 128 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse118.cur'); 129 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse119.cur'); 130 请将鼠标放在这里察看效果 CURSOR: url('http://webme.bokee.com/inc/mouse120.cur');