《動態滑鼠游標效果》=滑鼠游標+滑鼠帶圖 @ :+: 棉花糖 :+:

undefined

+++++++++++++++++++++++++++++++++++++++
說到滑鼠游標會想到 ani檔或 cur檔
但是現在不吃 ani檔跟 cur檔了OAQ!
看起來只吃 png檔="靜態滑鼠游標"
但如果很想放"動態滑鼠游標"呢(?)
可以參考"滑鼠游標+滑鼠帶圖"的用法喔:3~~~
+++++++++++++++++++++++++++++++++++++++

▾這裡用娃版說明滑鼠游標的效果
靜態滑鼠游標：滑鼠移動至娃版右邊黑底位置
undefined 動態滑鼠游標：滑鼠移動至娃版左邊BBS本體位置

▾【靜態滑鼠游標(PNG檔) 】▾

滑鼠游標png路徑1=主要顯示的滑鼠游標圖

滑鼠游標png路徑2=經過連結處會變換的滑鼠游標圖

可以依照個人需求用1張或2張圖來呈現:3

ex：滑鼠游標1= ／滑鼠游標2=

body {cursor: url('滑鼠游標png路徑1'), default; } a:hover{cursor:url(滑鼠游標png路徑2), default; }
( Ctrl+C=複製 / Ctrl+D=貼上 )

▾【動態滑鼠游標(PNG+GIF檔) 】▾

這邊要將"滑鼠游標"跟"動態圖示"分開製作跟存檔

滑鼠游標(png檔)：(這裡有放大方便觀看)
這裡同前說明的靜態滑鼠游標(PNG檔) 的使用方式一樣

動態圖示(gif檔)：

這裡是使用滑鼠帶圖的語法呈現，如下

<BODY> <div align="center"> <center> <table border="0" width="0"> <tr> <td align="center"> <div id=cursor style="HEIGHT: 1px; LEFT: 1px; POSITION: absolute; TOP: 160px; VISIBILITY: visible; WIDTH: 1px"><img src="GIF動態圖檔路徑"></div> <script language=JavaScript>  </script> <script language=JavaScript>  </script> </table> </center> </div> </BODY>
( Ctrl+C=複製 / Ctrl+D=貼上 )

＊下圖是懷念下以前繪製滑鼠游標(.ani檔)的時期<3

星

:+: 棉花糖 :+:

星發表在痞客邦留言(0) 人氣()

:+: 棉花糖 :+:

BBS ▶

☆

☆

☆

☆

◀ 網站

《動態滑鼠游標效果》=滑鼠游標+滑鼠帶圖

留言列表

熱門文章

文章分類

最新文章

最新留言

文章搜尋

參觀人氣

:+: 棉花糖 :+:

BBS ▶ ☆ ☆ ☆ ☆ ◀ 網站

《動態滑鼠游標效果》=滑鼠游標+滑鼠帶圖

留言列表

熱門文章

文章分類

最新文章

最新留言

文章搜尋

參觀人氣

　 BBS ▶

☆

☆

☆

☆

◀ 網站