模糊放大镜(原创)

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

 4444  27  查看评论 (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  //模糊程度
});


相关插件-图片展示

桌面交互式图片插件-INTERACTIVE PHOTO DESK

Interactive Photo Desk 允许我们建立一个交互式的图片桌面,用户可以任意拖放和删除随意摆放的多张图片。例如,我们移动一张图片的时候,首先图片会变大一点点,看上去离我们近一点,当松开鼠标左键的时候,图片就会以任意角度的旋转被扔到页面中指定的地方去。而且还会我们提供了一个“View All”的查看模式,就是把所有的图片都集中在一个地方,点击当前的图片就会显示下一张,前一张就会被放置在某个随机的地方。
  图片展示
 14981  31

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 14301  144

jquery图片画廊(超炫)

jquery图片画廊,jquery图片展示
  图片展示
 19603  113

jQuery图片缩放插件EasyZoom

EasyZoom是一个优雅,高度优化的jQuery插件支持图像缩放和平移基于源图放大。easyzoom还支持触摸功能的设备,并与CSS很容易定制。
  图片展示
 23383  38

讨论这个项目(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版本的 其他版本没有测试,等测试好了回复你

    回复
取消回复