零基础建站培训教程介绍

当前位置:

如何实现鼠标停留小图片,悬浮显示大图片

问:如何实现鼠标停留小图片时,自动显示出一个大图片呢?就是图中这样的,谢谢了

如何实现鼠标停留小图片,悬浮显示大图片

如何实现鼠标停留小图片,悬浮显示大图片

联系我时,请说是在学做网站论坛看到的,谢谢!

答:这个使用JQUERY的hover事件来实现。原理:这个大图片本身就是存在的,先是使用display:none把它隐藏,然后给小图片添加JQUERY的hover事件,当光标移到小图片时,大图片的CSS就会自动添加display:block显示出来,移出小图片,又变成display:none。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

学做网站论坛零基础学建网站课程