萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js改變鼠標的形狀和樣式的方法

js改變鼠標的形狀和樣式的方法

   常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式裡加上 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:(你想改的樣式)。

copyright © 萬盛學電腦網 all rights reserved