如何使用css在网站中添加光标?

时间:2014-08-06 14:32:38

标签: html css cursor stylesheet custom-cursor

我想在我的网站上添加自定义光标集。 如何使用css / html / js在网站中添加一组游标? 所以,默认鼠标指针是不同的,当我悬停超链接时,它的差异,...等等。 我需要css代码的帮助。 我有一套指针,包括.ani和&我的网站需要.cur。 我已经尝试过: -

我的style.css

中的这些代码
body, a:hover {cursor: url(cursor/blue.cur), progress !important;} 

仍然没有运气! 我有一个母版页,我想要的是为页面分配一个默认的自定义光标,并让所有链接使用另一个自定义光标

这可能吗?

2 个答案:

答案 0 :(得分:0)

用css你可以做到:

body {cursor: URL(imageFileUrl);}

如果您需要更多信息read this

编辑:这对我有用:<body style="cursor: url('cursor.jpg'), default">

我使用的图像是jpg 32x32。

答案 1 :(得分:0)

<script>
document.getElementsByTagName("body")[0].style.cursor = "url('cursor/blue.cur'), auto";
</script>

这必须工作IE 6 +