模糊放大镜(原创)

所属分类:媒体-图片展示

 3328  22  查看评论 (2)
模糊放大镜(原创) ie兼容9

使用方法

在页面中引入样式文件jQuery文件和插件js

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/vague.js"></script>

HTML结构

你的html结构可以是任意结构,只需要img标签即可实现效果

例如:

<img src="images/bg4.jpg" alt="" title="" class="layer" />

调用方法

$('.layer').vague();

可选参数

$('.layer').vague({
    size: 30, //放大镜的尺寸(单位:px)
    blur: 20  //模糊程度
});


相关插件-图片展示

不一样的层叠照片动画-ANIMATED CSS3 PHOTO STACK

今天我要给大家介绍一款动画的照片堆叠插件,两张照片之间有多种切换效果可供我们选择,而这些效果仅仅使用到了css3,所以要想使用该插件,就必需是支持css3的浏览器和设备。该插件也会更新到可以像幻灯片一样去使用。
  图片展示
 8247  13

jQuery图片内部缩放和平移插件jquery.zoom.js

jquery.zoom.js是一款非常实用的图片内部缩放和平移jQuery插件。该插件可以鼠标滑过图片,点击图片或移动手机上触摸图片时,将图片进行放大或平移操作。
  图片展示
 9594  39

图片动画效果

鼠标在不同方向的时候,图片动画的方向和速度都会变化
  图片展示
 12252  13

javascript动感相册

javascript实现动感相册,放大缩小,不依赖其它库
  图片展示
 10252  54

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    秦时明月? 0
    2017/2/9 10:52:51
    楼主这个  对jq版本有要求的吧?   应该只适用于2.0以下  刚试了试2.1.0的  js里配置的blur就不起作用  还要手动加css
        罗彬0
        2017/2/9 16:05:57

        我用的是1.7.2版本的 其他版本没有测试,等测试好了回复你

    回复
取消回复