如何实现鼠标停留小图片,悬浮显示大图片
问:如何实现鼠标停留小图片时,自动显示出一个大图片呢?就是图中这样的,谢谢了
联系我时,请说是在学做网站论坛看到的,谢谢!
答:这个使用JQUERY的hover事件来实现。原理:这个大图片本身就是存在的,先是使用display:none把它隐藏,然后给小图片添加JQUERY的hover事件,当光标移到小图片时,大图片的CSS就会自动添加display:block显示出来,移出小图片,又变成display:none。
问:如何实现鼠标停留小图片时,自动显示出一个大图片呢?就是图中这样的,谢谢了
联系我时,请说是在学做网站论坛看到的,谢谢!
答:这个使用JQUERY的hover事件来实现。原理:这个大图片本身就是存在的,先是使用display:none把它隐藏,然后给小图片添加JQUERY的hover事件,当光标移到小图片时,大图片的CSS就会自动添加display:block显示出来,移出小图片,又变成display:none。