jQuery鼠标悬停显示图像预览
  • 分享到微信朋友圈
    X

本文介绍如何使用imagePreview.js制作jQuery鼠标悬停显示图像预览效果

imagePreview.js 可以在你的body中创建一个id等于preview的div图片容器, 这个容器的绝对定位可以根据你的鼠标做相对的移动。当鼠标移出a.previewdiv时图片容器消失。

imagePreview.js 代码简洁,非常简单,一看就懂

实现步骤

  • 首先要引用必须的js文件:jquery.min.js、imagePreview.js

  • 书写html代码,css样式。超链接类名为preview,rel值就是要显示的图片路径