close
 

 

<style type="text/css">
<!--
body {cursor:url("mything.cur"),url("mything.cur"),text;}
-->
</style>




或是


/*★安妮★游標語法*/
body{cursor:url(未連結時游標網址)}
a:hover {cursor:url(巳連結時游標網址)}




附註 :


1.假如游標指標樣式沒反應狀態下 則會以第二個游標作為代替
2.倘若無法有任何定義的游標 總之最後便以一般游標text顯示游標


 



游標樣式


文字I型 text
十字型 crosshair
箭頭朝下 s-resize
十字箭頭 move
箭頭朝右 e-resize
加一問號 help
箭頭朝左 w-resize
箭頭朝上 n-resize
箭頭朝右上 ne-resize
箭頭朝左上 nw-resize
箭頭斜右下 se-resize
箭頭斜左下 sw-resize
漏斗 wait


網頁游標其他標籤元素CSS,寫法為:
body {cursor:url("mything.cur"),text;} 整個網頁
table {cursor:url("mything.cur"),text;} 表格
input {cursor:url("mything.cur"),text;} 單行文字表單
a {cursor:url("mything.cur"),text;} 超連結




自由的變更網頁游標
複製語法貼於<head></head>之間
<script type="text/javascript">
<!--
function changeCursor(theType)
{
document.all("myCursor").style.cursor = theType;
}
// -->
</script>



複製語法貼於body框框裡面
ID="myCursor"
複製語法貼於<body></body>之間
按下圖片改變滑鼠游標
<img border="0" src="1.gif" onClick="changeCursor('cur_s1.ani')">
<img border="0" src="2.gif" onClick="changeCursor('cur_s2.ani')">

  如果喜歡要打包 請複製本文>*引用*>貼上文章>立即發表 (千萬別按預覽 語法會錯亂唷)


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Mapin-cloth 的頭像
    Mapin-cloth

    ω。艾媽の手作 Mapin-cloth 小舖。ω

    Mapin-cloth 發表在 痞客邦 留言(0) 人氣()