鼠标指针-制作方法

参考资料：

http://blog.sina.com.cn/s/blog_4c8bb86b0100gr4c.html

http://jingyan.baidu.com/article/86f4a73e4f740637d752697b.html

https://liukanshan.zhihu.com/

 

使用方法1：css stylesheet .svg  (推荐，矢量图！)

html{

cursor: url("/images/cursor/pointer-cousor0.svg"), pointer;

}

a:hover{

cursor: url("/images/cursor/pointer-hover-cousor1.svg"), pointer;

}

 使用方法2：css stylesheet .cur (不推荐，制作 .cur文件太麻烦了！)

 

html{

 

cursor: url("/images/cursor/pointer-cousor0.cur"), pointer;

 

}

 

a:hover{

 

cursor: url("/images/cursor/pointer-hover-cousor1.cur"), pointer;

 

}

 使用方法3：css stylesheet .png (推荐，so easy！)

 html{
/*cursor: url("images/cursor_0.svg"), pointer;*/
cursor: url("images/cursor0.PNG"), pointer;

}
a:hover{
/*cursor: url("images/cursor_1.svg"), pointer;*/
cursor: url("images/cursor1.PNG"), pointer;
}

 

testing......