亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么hover最后變成了class?

為什么hover最后變成了class?

刺槐少女 2018-03-22 14:31:54
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>鼠標移入改變樣式</title> </head> <style> ?div{ ?width:?150px; ?height:?150px; ?margin:?0?auto; ?padding:?10px; ?background-color:?#333333; ?color:?#FFFFFF; ?border:10px?solid?#000 ?} ?div:hover{ ?color:?red; ?background-color:?#f0f0f0; ?border:?10px?solid?red; ?} </style> <script> ?window.onload?=?function?()?{ ????????var?oDiv?=?document.getElementsByTagName("div")[0]; ?oDiv.onmouseover=?function(){ ????????????oDiv.className?="hover"; ?} ?oDiv.onmouseout?=?function(){ ????????????oDiv.className?=?""; ?} ????} </script> <body> <div>鼠標移入改變樣式,鼠標移除恢復</div> </body> </html>這個問題我提過一次,但是我之前沒有用我自己寫的代碼提問,而是用的是原作者的,所以可能也讓答題的好心人誤解了上述代碼是我自己寫的,我想問的是,我并沒有給div一個class,hover在css中也不是.hover為什么在js中會使用oDiv.className=“hover”?
查看完整描述

2 回答

已采納
?
CodeManDSH

TA貢獻58條經驗 獲得超18個贊

個人認為,原作者的

oDiv.className=“hover”

可能有其他作用,因為你貼的代碼,即使把

?oDiv.onmouseover=?function(){
????????????oDiv.className?="hover";
?}

這個刪掉,對效果沒什么影響啊

查看完整回答
反對 回復 2018-03-22
  • CodeManDSH
    CodeManDSH
    你把css的 div:hover 改為 .hover 的話,那js的那部分就起作用了??赡茉髡呤窃谥vhover這個原理吧
  • 刺槐少女
    刺槐少女
    原作者的全部代碼就在我上一個問題上了
?
yemaa

TA貢獻77條經驗 獲得超14個贊

這個是當執行onmouseover事件時,將div的class賦值為hover,為什么使用,改變樣式可以有兩種方法,一種js事件、一種css事件修改

查看完整回答
1 反對 回復 2018-03-22
  • 2 回答
  • 0 關注
  • 1458 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號