Question

html鼠标悬浮图片变大怎么实现

求代码

Answer 1

<img src="1.jpg" width=50 height=40 onMouseover="this.width=80; this.height=60" onMouseout="this.width=50;this.height=40">

Answer 2

• <style type="text/css">

• .aaa{

• width: 150px;

• height: 150px;

• border: #FFF solid 1px;

• margin: 15px auto;

• overflow: hidden; /*--有无这句区别很大,就是不受方框限制---> */

• }

• .aaa img{

• cursor: pointer;

• transition: all 0.4s; /*---越小越快---> */

• }

• .aaa img:hover{

• transform: scale(3); /*-----鼠标经过时候图片放大多少倍----> */

• }

• </style>

• <div class="aaa">

• <img src="图片链接.jpg" />

• </div>

百分之百可以的，希望可以帮到大家！