av手机免费在线观看,国产女人在线视频,国产xxxx免费,捆绑调教一二三区,97影院最新理论片,色之久久综合,国产精品日韩欧美一区二区三区

網(wǎng)頁設(shè)計

css設(shè)置鼠標事件的方法

時間:2025-05-29 16:25:48 網(wǎng)頁設(shè)計 我要投稿
  • 相關(guān)推薦

css設(shè)置鼠標事件的方法

  習慣于使用 Windows 的用戶對各種各樣的鼠標樣式一定不會陌生,當鼠標移動到不同的地方時,當鼠標需要執(zhí)行不同的功能時,當系統(tǒng)處于不同的狀態(tài)時,都會使鼠標形狀發(fā)生改變。下面小編給大家整理了幾種鼠標觸發(fā)CSS事件的代碼,供大家參閱。

css設(shè)置鼠標事件的方法

  說明:

  onMouseDown 按下鼠標時觸發(fā)

  onMouseOver 鼠標經(jīng)過時觸發(fā)

  onMouseUp 按下鼠標松開鼠標時觸發(fā)

  onMouseOut 鼠標移出時觸發(fā)

  onMouseMove 鼠標移動時觸

  代碼如下:

  .Off{ background-color: #00FF66; padding:100px;}

  .up{background-color: #FF0000; padding:100px}

  鼠標響應(yīng)事件 當鼠標經(jīng)過移出時切換css

  onMouseDown 按下鼠標時觸發(fā)

  onMouseOver 鼠標經(jīng)過時觸發(fā)

  onMouseUp 按下鼠標松開鼠標時觸發(fā)

  onMouseOut 鼠標移出時觸發(fā)

  onMouseMove 鼠標移動時觸發(fā)

  代碼如下:

  鼠標經(jīng)過表格變色樣式:

  復(fù)制代碼 代碼如下:

  table { background-color:#000000; cursor:hand; width:100%; }

  td {

  /*設(shè)置onmouseover事件*/

  onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});

  /*設(shè)置onmouseout事件*/

  onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});

  background-color:#ffffff;

  }

  控制表格隔行變色:

  簡單應(yīng)用:

  高級應(yīng)用:每個單元格變色

【css設(shè)置鼠標事件的方法】相關(guān)文章:

css設(shè)置鼠標手勢的方法06-24

css實現(xiàn)鼠標滑過改變文字的方法09-06

win7鼠標設(shè)置方法09-26

css設(shè)置層透明實例07-16

如何設(shè)置鼠標的速度06-29

無線鼠標對碼模式設(shè)置08-13

六鍵鼠標怎么用 六鍵鼠標怎么設(shè)置09-30

無線鼠標對碼模式怎么設(shè)置10-11

CSS簡寫方法總結(jié)06-27