加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

DIY鼠标特效(HOT)

(2006-06-20 12:12:18)
<STYLE type=text/css>
a:hover { cursor:url('鼠标地址一')}
body { cursor:url('鼠标地址二')}
</STYLE>
 
其中,“鼠标地址一”显示的效果是鼠标碰到有超链接时的形态;“鼠标地址二”显示的效果是一般情况下的鼠标形态,示例可以看我的博客上的鼠标效果。大家用的时候把从下面找的鼠标地址代进去就可以了。如果只要一种样式,则把代码中的“a:hover { cursor:url('鼠标地址一')}”删掉就行了。
 
需要说明的是,鼠标这也是CSS代码,不能放在什么都没有的空白面板里,你添加代码的时候先按个空格,接着再点显示源代码,你会看到一些代码,然后再把代码放进去,放在那些代码的后面。或者你可以把代码放在既建的已有东西的模板里的其他代码的后面,建议用此方法。
 
注意:如果你将鼠标放到下面各栏中,却没有显示出效果,那是因为页面还没有完全打开,鼠标样式还没有下载完毕,请大家耐心等待一会儿,等它加载完了就可以了!如果底部状态栏提示页面已经打开完毕,但是你还看不到效果的话请不要使用!
效果查看
代码
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse001.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse002.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse003.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse004.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse005.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse006.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse007.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse008.ANI');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse009.ANI');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse010.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse011.cur');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse012.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse013.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse014.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse015.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse016.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse017.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse018.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse019.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse020.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse021.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse022.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse023.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse024.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse025.cur');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse026.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse027.cur');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse028.cur');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse029.ani');
请将鼠标放在这里察看效果
CURSOR: url('http://webme.bokee.com/inc/mouse030.ani');

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有