導航:首頁 > 圖片大全 > 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如何使圖片變大相關的資料
- 如何才能成佛的圖片
- 竹子素描圖片大全
- 如何把圖片設為壁紙
- 90後紋身圖片大全
- 國畫寫意梅花圖片大全
- 如何變得開心起來包含圖片
- 如何將圖片修改為3k還顯示清楚
- 圖片已經排序好如何改前綴
- 在手機里如何製作新圖片
- 微信如何保存圖片不讓別人知道
- 如何辨別小孩感冒圖片
- 如何根據款號快速插入圖片
- 如何把圖片做成文檔模式
- 抖音評論如何發搞笑圖片
- 圖片如何做直線
- 如何描述圖片上放大縮小
- 晚上祝福語圖片大全
- 圖片如何在網上放
- ppt中如何對一個圖片進行兩次動畫
- 如何設置圖片預瀏覽功能
- dpf如何獨立刪除兩張圖片
- 電腦記事本里如何圖片轉文字
- 國產汽車圖片大全
- 微信網名圖片大全
- 表格中如何全選嵌入的圖片
- 如何紮成迪麗熱巴的圖片
- 如何讓圖片里的眼睛會動
- 如何把圖片加上去的貼圖去掉
- ps圖片拖動過來如何變小
- 抖音如何給視頻添加圖片
- 圖片與字如何同步
- 唯美圖片帶字大全
- wpsword如何批量修改圖片格式
- 微信的圖片如何轉換成文檔
- 外痔瘡早期圖片大全
- 圖片上的章如何摳
- ps如何把圖片從清晰到模糊過渡
- 如何把電腦里的圖片保存到蘋果手機
- 九九重陽節手抄報圖片大全
- 紫藤花盆景圖片大全
- 大鞋如何配衣服褲子圖片
- 如何保存vivo手機屏保圖片
熱點內容
動漫撐傘圖片唯美
瀏覽：82
美女鍛煉身體圖片
瀏覽：651
嫦娥原皮建模圖片高清
瀏覽：831
雪中少女動漫圖片
瀏覽：738
如何才能成佛的圖片
瀏覽：301
教師節可愛手抄報圖片大全
瀏覽：892
未來風動漫圖片
瀏覽：769
竹子素描圖片大全
瀏覽：674
有劉海的發型男生發型圖片大全
瀏覽：526
女孩恰恰的圖片
瀏覽：632
怎麼保存放大的圖片
瀏覽：106
簡單圖片大全唯美
瀏覽：995
黑暗系圖片女生霸氣黑白
瀏覽：309
短發8歲女孩子圖片
瀏覽：478
靈動飄逸衣服搭配圖片
瀏覽：980
2010奧迪q5價格及圖片
瀏覽：171
農村兒媳衣服圖片
瀏覽：701
長袖衣服改造圖片
瀏覽：155
漫畫圖片手繪彩鉛呆萌可愛300張
瀏覽：519
在車內怎麼拍出傷感圖片
瀏覽：190