導航:首頁 > 圖片大全 > 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如何使圖片變大相關的資料
- ps印刷如何讓圖片顏色鮮艷
- 胎兒思維圖片大全
- 如何在圖片上加文字華為手機
- 電腦如何增加圖片像素
- ps如何把圖片物品部分位置變大
- 辦公文檔如何將圖片設置到頂
- 如何把psd圖片全部提取出來
- 多圖輪播如何添加四張圖片
- 手機如何摳取圖片上的印章
- 電腦如何壓縮單個圖片
- 婚慶背影圖片大全集
- 如何將ppt中的圖片弄成陰影
- 微信圖片如何設置成時間
- cdr中如何剪裁圖片的大小
- 剪切的圖片如何刪除
- 手繪圖片如何摳圖手機
- 圖片鏈接如何替換網址
- 臉上黑子圖片大全
- 拔罐器具圖片大全
- 華為微信發朋友圈如何帶圖片
- 熊貓介紹及圖片大全
- 如何給圖片加一註解
- coreldraw如何把圖片變形
- 如何將圖片變得清晰
- 如何找到通感圖片
- 西鐵城手錶圖片大全
- 如何改進雨衣的缺點圖片
- 如何用手機美圖秀秀在圖片上畫直線
- 如何去除圖片泛黃
- 動畫如何實現幻燈片圖片變顏色
- 手機圖片帶字大全
- 唯美腿部圖片大全
- 圖片信息如何查看
- 如何在稻殼里插入圖片
- 電腦保存網路圖片如何自動重命名
- 如何做小汽車圖片
- word如何把每頁相同的圖片刪掉
- 如何知道華為精選圖片中細節
- 徽信表情圖片大全
- 吉祥如意花圖片大全
- 如何給圖片區域加高光
- ppt如何把圖片變為素描
熱點內容
手機桌面添加圖片怎麼改稜角
瀏覽：966
曬斑怎麼去除圖片
瀏覽：852
韓國第一美女金泰熙圖片欣賞
瀏覽：239
word單元格圖片不全
瀏覽：932
春天美好圖片加文字
瀏覽：588
動態漫畫簡單圖片
瀏覽：687
word轉換成pdf圖片解析度
瀏覽：370
手繪diy衣服圖片素材
瀏覽：113
ps怎麼讓圖片翻轉
瀏覽：725
兒童長發型圖片2020
瀏覽：283
ps印刷如何讓圖片顏色鮮艷
瀏覽：658
胎兒思維圖片大全
瀏覽：546
辦公藤椅價格及圖片
瀏覽：824
如何在圖片上加文字華為手機
瀏覽：91
金絲熊的衣服的圖片
瀏覽：718
小女生首飾背景圖片
瀏覽：756
word圖片清除水印
瀏覽：114
可愛趙麗穎圖片萌萌噠
瀏覽：517
柴火烤玉米箱價格和圖片
瀏覽：860
電腦如何增加圖片像素
瀏覽：867