jQuery水波插件

所属分类:UI,其他-背景,动画效果

 71774  755  查看评论 (29)
分享到微信朋友圈
X
jQuery水波插件 ie兼容10

注:此插件需要在服务端运行,本地预览会有跨域问题!

使用方法非常简单 只需要引入jq库 然后在使用选择器选择要渲染的标签获得jQuery对象后使用ripples方法,下面三个参数自己试验就可以实现涟漪的效果了.例如

$('body').ripples({
  resolution: 512,
  dropRadius: 20, //px
  perturbance: 0.04,

});

插件存在跨域问题,在chrome浏览器下不行,所以需要放到服务中运行。IE不存在跨域问题,所以直接浏览没问题。

相关插件-背景,动画效果

jQuery全屏背景插件Vegas2

网页全屏背景jQuery插件 Vegas2,它和其它背景插件不同之处就是带有幻灯片功能。幻灯片的切换有多种风格,如旋转、渐隐、左右等方式,切换的时候还有进度条显示。
  背景
 42062  494

全屏背景滚动

基于HTML5的炫酷个人网站模板
  背景
 77345  1079

京东产品详细页图片放大效果

京东商城详细页产品图片列表以及放大镜效果 兼容ie6+,谷歌,火狐
  背景
 50784  500

jQuery颜色选择器ColorPicker

ColorPicker基于强大的jQuery,使用方便、配置简单,同时不需要加载额外的CSS文件。可以随心所欲的使用到项目中,兼容各大浏览器。
  背景
 72623  335

讨论这个项目(29)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    系统默认 0
    2018/6/20 19:32:13
    在ie中,每一次缩小窗口会闪屏 回复
    勤快的小伙子 0
    2018/2/27 16:18:41
    不错,很酷炫,谢谢分享
    回复
    系统默认 0
    2017/12/21 20:03:15

    插件如果有cdn版本就好了

    回复
    黑巧克力 0
    2017/8/7 14:10:23

    用上插件以后,发现背景图片会失真,这个和我的设置有关系么

        黑巧克力0
        2017/8/7 14:19:48

        发现是背景定位的问题,需要加size属性,就可以了,

    回复
    你好 Sunshine&GW 0
    2017/5/26 13:00:52
    茜刘的微博 0
    2017/5/15 11:10:42

    请问怎么放到服务中?

    回复
    iiii] :) 0
    2017/3/20 15:46:46

    哎,那么多说谷歌不兼容的,人家作者说得清清楚楚要放在服务器上,麻烦试一下再说不兼容好吗

    回复
    JQ2017 0
    2017/3/6 15:41:20

    跟换背景图片后不给力了呀,图片不能全屏了

    回复
    顺子~要不起 0
    2017/2/11 16:46:31
    依然下午茶℃ 0
    2016/11/28 13:11:57
    在微信移动端怎么没有效果 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复