JS實(shí)現(xiàn)鼠標(biāo)移動(dòng)到縮略圖顯示大圖的圖片放大效果？

可以用js事件“onmouseover”和“onmouseout”來實(shí)現(xiàn)。

1、新建html文檔，在body標(biāo)簽中添加圖片標(biāo)簽，為這個(gè)標(biāo)簽設(shè)置“id”屬性，然后設(shè)置圖片的默認(rèn)顯示大小css屬性：

2、添加“onmouseover”js事件，首先使用“document.getElementById”獲取到圖片標(biāo)簽，然后定義鼠標(biāo)移動(dòng)到圖片上時(shí)發(fā)生的事件，這時(shí)圖片將會(huì)放大：

3、添加“onmouseout”js事件，首先獲取圖片標(biāo)簽，然后定義鼠標(biāo)移開圖片時(shí)發(fā)生的事件，這時(shí)圖片將會(huì)縮?。?/p>