ocean-bg-slider

The command line app for ocean-bg-slider

Install

$ npm i ocean-bg-slider

Features

• 翻书特效

Usage

1、js中导入

import 'ocean-bg-slider'

2、dom结构

        <div class="example bg-slider"></div>
        <div class="example bg-slider1"></div>

按常规设置自己的背景，比如：

    .example {
        width: 100%;
        height: 100px;
        background: url('./images/bg.jpg');
        background-size: 100%;
    }

3、script

<script>
  // 左滑
    $('.bg-slider').bgSlider({
        name: 'bgSlider', // 可任意给一个名称，用于
        target: '.bg-slider', // 需要滚动背景的类
        time: '15s', // 一次动画时长
        direction: '-' // '-' or '+'
    })
    // 右滑
    $('.bg-slider1').bgSlider({
        name: 'bgSlider1',
        target: '.bg-slider1',
        time: '35s',
        direction: '+'
    })
</script>