當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

1.2鼠标移入移出改变背景色和其他大小样式

發布時間：2023/12/2 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 1.2鼠标移入移出改变背景色和其他大小样式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

功能：鼠標移入div,背景色變為綠色，寬變小，長變大，移出恢復原狀

事件：onmouseover,onmouseout

屬性： background,width,height

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">

/css

#div1{
width:100px;
height:200px;
background: red;
}

//js

var oDiv=document.getElementById("div1")
oDiv.οnmοuseοver=function(){
oDiv.style.background = 'green';
oDiv.style.width = '200px';
oDiv.style.height = '100px';
};
oDiv.οnmοuseοut=function(){
oDiv.style.background = 'red';
oDiv.style.width = '100px';
oDiv.style.height = '200px';
};

更多專業前端知識，請上【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的1.2鼠标移入移出改变背景色和其他大小样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。