jQuery滚动平滑的色彩过渡插件

jQuery滚动平滑的色彩过渡插件

滚动平滑的色彩过渡jQuery插件,当滚动页面时,页面背景颜色会平滑过渡渐变。

使用方法

1.引入jquery库文件和插件js文件

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/jquery-colorizer.js"></script>

2.在想应用背景色过渡效果的地方调用函数

$('body').colorizer();

3.配置颜色转换效果

$('body').colorizer({

  // array of colors you want to transition between
  colors: [[0, 0, 0], [225, 225, 225]],

  // apply the transition effect to background color
  cssrule: 'background-color',

  // current color
  currentColor: [0,0,0],

  // speed of change
  step: 10,

  // target container
  target: this

});
打赏
下载 在线预览 积分 (-2) 吐槽 (0)
×
加载中,请稍候…

您需要 登录 后才能发表评论。

avatar

- 评论

  • 加载中,请稍候…
我要吐槽