DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js改變鼠標的形狀和樣式的方法
js改變鼠標的形狀和樣式的方法
編輯:JavaScript綜合知識     

   常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式裡加上 cursor:(你想改的樣式)

  當今多數浏覽器支持一下指針樣式(將鼠標移動到樣式名稱上以觀察指針樣式改變為那個樣式):

  auto move no-drop col-resize

  all-scroll pointer not-allowed row-resize

  crosshair progress e-resize ne-resize

  default text n-resize nw-resize

  help vertical-text s-resize se-resize

  inherit wait w-resize sw-resize

  在windows internet explorer 6.0或者更新版本,上面的指針樣式如下:

  要通過腳本改變某一個元素的鼠標指針樣式,你可以把元素的屬性element.style.cursor設為上面的任何一個值。(另外一種不用javascript的方法,可以在元素的html標簽中使用屬性):

  代碼如下:

  function setcursorbyid(id,cursorstyle) {

  if (document.getelementbyid) {

  if (document.getelementbyid(id).style) {

  document.getelementbyid(id).style.cursor=cursorstyle;

  }

  }

  }

  補充一個常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式裡加上 cursor:(你想改的樣式)。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved