合规国际互联网加速 OSASE为企业客户提供高速稳定SD-WAN国际加速解决方案。 广告
``` <style> .big{ width: 415px; height: 400px; } .small>img{ width: 100px; height: 100px; } </style> <div> <img src="./ju.jpg" alt="" class="big"> </div> <div class="small"> <img src="./ju.jpg" alt=""> <img src="./ying.jpg" alt=""> <img src="./hu.jpg" alt=""> <img src="./bu.jpg" alt=""> </div> <script> // 逻辑:本质上,把小图的src 赋值给 大图的src // 图片元素.src = '' let imgs = document.getElementsByTagName('img'); for(let i=1;i<imgs.length;i++){ imgs[i].onmouseover = function(){ // 把当前小图的src给 到大图src imgs[0].src = this.src; } } </script> ``` 效果图: ![](https://img.kancloud.cn/31/66/31661944c7b4f022f09130d246dc55ce_460x537.png)