2009-12-31 63 views
0

我正在尝试在自定义图像的网站上更改光标鼠标。如何在加载页面时将鼠标光标与自定义图像进行动画制作?

这里是我的实际CSS:

<style type="text/css"> 
<!-- 
body { 
cursor:url(images/default.cur),auto; 
} 
a:hover { 
cursor: url(images/hover.cur),auto; 
} 
a:active { 
cursor: url(images/wait.ani),auto; 
} 
--> 
</style> 

火狐3.5.6的确改变了我的.cur文件的默认光标,但问题是,.ANI光标不与Firefox浏览器(甚至.gif注意)。它在IE上工作。

我正在使用的游标文件可以在here找到。

另一个问题是,我只是更改a:活动图像来动画我的光标,但它快速消失。

我想要改变光标,当我们点击转到某个页面,光标变成“正常”,一旦这个页面加载。

我期待的是当有人点击我网站的某些内部链接时,改变光标的方法。

我不必改变我的所有链接来做到这一点,但它似乎并不奏效。

我想过一些window.onload JavaScript,但我没有实现写它,并可能有更好的方法。

感谢您的CSS或JavaScript建议。

+4

他们在1995年尝试过,没有人喜欢它。 – 2009-12-31 19:17:20

回答

1

不要。如果你进入朋友的myspace页面,你的光标会突然变成一条紫色的巨龙,你不知道它实际上指向的是什么。

这对用户来说很刺激,因此刺激。如果你想让他们知道某些东西在后台工作,请使用显示的动画gif而不是页面,而不是光标。


如果您也有,则可以在页面上的所有元素上使用javascript进行设置。我不认为它瀑布。如果是这样,只要将它放在身上并完成它。

+0

我同意。更改光标是完全不必要的,并且不遵循任何常见的Web标准。 – Ariel 2009-12-31 19:19:43

+0

我了解你的意见,但我不会将它变成一些奇怪的图像,例如你的龙的例子。 加上如果我不改变它到自定义图像,但进入游标:等图像例如这里的示例http://www.w3schools.com/CSS/tryit.asp?filename=trycss_cursor(或那里http:// www .w3schools.com/CSS/pr_class_cursor.asp)我该怎么做onload? – Mark 2009-12-31 19:50:12

+0

请上帝不要劫持我的光标 – Jason 2009-12-31 20:01:05

4

当请求编程解决方案时,请不要提供设计反馈。开发者的角色不是回传设计评论。这可能不是他的决定,也许不行,但他想尝试一下,我们应该帮忙。如果你一直处于一个程序员通过对每一个设计决定进行批判的环境中,你都会意识到它对整个团队是非常具有破坏性的。除非被问到,否则设计师和团队成员会高度评价你是否赞同他们想做的事。我希望如果你考虑一下,你会明白为什么它很重要。

0

如果使用ASP,它简化了事情有点用决心网址...即

cursor:url('\<\%\=ResolveUrl("~/img/magnify.cur")\%\>'); 

显然我倾向于与其他报表达成一致,因为熟悉是在任何好的设计的关键,自定义一个使用者感觉不熟悉的程度的环境,或者以某种方式改变系统的印象,这是一个糟糕的坏设计,也反映了设计师的不足。我并不是说在设计上很枯燥,而是保留一点。

我可能不喜欢MetroUI(而不是Metro Web Design),但我喜欢它的根源,即“包豪斯”的设计理念。

"There is beauty in simplicity."