如何在加載頁面時將鼠標光標與自定義圖像進行動畫製作？

我正在嘗試在自定義圖像的網站上更改光標鼠標。如何在加載頁面時將鼠標光標與自定義圖像進行動畫製作？

這裏是我的實際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建議。

來源

2009-12-31 Mark

他們在1995年嘗試過，沒有人喜歡它。 – 2009-12-31 19:17:20

不要。如果你進入朋友的myspace頁面，你的光標會突然變成一條紫色的巨龍，你不知道它實際上指向的是什麼。

這對用戶來說很刺激，因此刺激。如果你想讓他們知道某些東西在後臺工作，請使用顯示的動畫gif而不是頁面，而不是光標。

如果您也有，則可以在頁面上的所有元素上使用javascript進行設置。我不認爲它瀑布。如果是這樣，只要將它放在身上並完成它。

來源

2009-12-31 19:13:39 Malfist

我同意。更改光標是完全不必要的，並且不遵循任何常見的Web標準。 – Ariel 2009-12-31 19:19:43

我瞭解你的意見，但我不會將它變成一些奇怪的圖像，例如你的龍的例子。加上如果我不改變它到自定義圖像，但進入遊標：等圖像例如這裏的示例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

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

當請求編程解決方案時，請不要提供設計反饋。開發者的角色不是回傳設計評論。這可能不是他的決定，也許不行，但他想嘗試一下，我們應該幫忙。如果你一直處於一個程序員通過對每一個設計決定進行批判的環境中，你都會意識到它對整個團隊是非常具有破壞性的。除非被問到，否則設計師和團隊成員會高度評價你是否贊同他們想做的事。我希望如果你考慮一下，你會明白爲什麼它很重要。

來源

2010-11-26 21:07:02 edwinbradford

如果使用ASP，它簡化了事情有點用決心網址...即

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

顯然我傾向於與其他報表達成一致，因爲熟悉是在任何好的設計的關鍵，自定義一個使用者感覺不熟悉的程度的環境，或者以某種方式改變系統的印象，這是一個糟糕的壞設計，也反映了設計師的不足。我並不是說在設計上很枯燥，而是保留一點。

我可能不喜歡MetroUI（而不是Metro Web Design），但我喜歡它的根源，即「包豪斯」的設計理念。

"There is beauty in simplicity."

來源

2013-07-17 22:15:37 LokizFenrir

如何在加載頁面時將鼠標光標與自定義圖像進行動畫製作？

回答

相關問題