jQuery水波插件

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

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

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

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

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

});

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

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

JavriptDesktop

一个漂亮的原生Javript桌面效果
  背景
 65553  506

jquery固定标题控制插件Midnight.js

midnight.js是在页面滚动时控制多标题设计的开关jQuery插件,所以对应下面的内容你总能看到一个标题。
  背景
 42521  533

jQuery动态改变文字和背景颜色效果

jQuery动态改变文字和背景颜色效果
  背景
 49347  373

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

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

讨论这个项目(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
    在微信移动端怎么没有效果 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复