CSS自定義滑鼠指標形狀程式碼例項

antzone發表於2017-03-22
CSS指標

滑鼠指標在不同的狀態下會有不同的形狀，但是預設的滑鼠指標在實際應用中很難滿足實際的需要，下面分享一段例項程式碼，能夠自定義滑鼠指標的形狀，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
.cursor{
  cursor:url(mytest/demo/pointer.cur) ,default!important;
}
</style>
</head>
<body>
<img class="cursor" src="mytest/demo/cursor.gif" alt="螞蟻部落"/>
</body>
</html>

以上程式碼實現了我們的要求，當滑鼠指標放在圖片上的時候，可以變化自定義的指標。

相關文章