導航:首頁 > 圖片大全 > html中hover如何使圖片變大
html中hover如何使圖片變大
發布時間：2024-12-28 22:39:14A. dreamweaver里一張圖片怎麼做滑鼠經過出現大圖
1.新建html文檔。
B. 在html5頁面中，一個div或者圖片，滑鼠移動上去的時候變大，移出的時候又變回原樣怎麼弄，
這里介紹兩種物則方式：
一：通過css樣式中的 ":hover"實現，代碼如下
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
div{
background:red;
width:200px;
height:200px;
}
div:hover{
background:red;
width:500px;
height:500px;
}
</style>
</head>
<body>
<div>變大</div>
</body>
</html>
二：通過javascript方式實現，代碼如下
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<罩敏棚title>拿隱Document</title>
<style>
div{
background:red;
width:200px;
height:200px;
}
.divs{
background:red;
width:500px;
height:500px;
}
</style>
</head>
<body>
<div>變大</div>
<script>
//首先獲取div元素
vardivs=document.getElementsByTagName('div')[0];
//滑鼠移入，將divs的className樣式賦給該標簽
divs.onmouseover=function(){
this.className="divs";
}
//滑鼠移出，將空的className樣式賦給該標簽
divs.onmouseout=function(){
this.className="";
}
</script>
</body>
</html>
與html中hover如何使圖片變大相關的資料
- 千與千尋人物圖片大全
- 文檔中圖片如何快捷設置大小
- 圖片如何設置標題
- 嬰兒小包被圖片大全
- 如何給圖片瘦身
- 如何讓網頁底層是圖片
- word如何轉化為圖片
- 演示文稿如何剪裁圖片
- 如何調整字體跟圖片
- 如何把word分欄中插入圖片
- 信用圖片大全圖片大全
- 親情愛情友情圖片大全
- 如何提取圖片上的文字和符號
- wps文檔如何在小表格內插入圖片
- 如何去除試卷圖片彩色水印
- 如何把圖片轉換為字
- 水稻病害圖片大全
- 如何看貼吧緩存圖片
- wps如何編輯pdf圖片中的文字
- 手機如何把圖片的遮蓋圖弄出來
- 郵箱中的圖片文件如何下載到桌面
- 早晨的圖片大全
- 如何把圖片中的人像變成高清
- 挑染綠色頭發圖片大全
- 如何把圖片景觀變成綠幕素材
- 24節氣簡筆畫圖片大全
- 如何組合發圖片
- 微博如何看專屬圖片
- 如何使壓縮包的圖片可以翻看
- 春節期間如何保存圖片
- html如何將字顯示在圖片之上
- 如何無損保存ppt的圖片
- 圖片大小如何調節最大化
- 木橋的簡筆畫圖片大全
- 電腦如何全選部分圖片
- 如何摳出圖片中的圖像
- 如何畫斗羅大陸二霍雨浩圖片
- 塑料袋手工製作大全圖片
- 袁大頭圖片大全真幣
- 手機如何把圖片全部截圖
- 表示誠信的圖片大全
- kindle上如何看圖片
熱點內容
美術花盆和花的圖片簡單
瀏覽：146
水果怎麼擺好看圖片
瀏覽：537
千與千尋人物圖片大全
瀏覽：243
委屈漫畫圖片女孩
瀏覽：403
背景圖片簡約可愛清新
瀏覽：927
圖片狼抱著一個女孩
瀏覽：172
文檔中圖片如何快捷設置大小
瀏覽：256
貂蟬去衣服圖片大全
瀏覽：92
美女背影高清壁紙圖片全屏
瀏覽：62
圖片如何設置標題
瀏覽：808
漂亮文字動態圖片大全
瀏覽：65
七天打卡表可愛圖片
瀏覽：35
波波頭發型效果圖片
瀏覽：660
圖片插入word中無法選中怎麼辦
瀏覽：222
大叔洗衣服的圖片
瀏覽：446
Word里圖片置頂如何加空格
瀏覽：203
蔣丞圖片高清動漫
瀏覽：305
放美女和平精英圖片
瀏覽：388
黑鼻子可愛圖片
瀏覽：855
word轉換pdf時圖片丟失
瀏覽：292