https://github.com/leetaogoooo/expandzoom

展开缩放div内容的插件
https://github.com/leetaogoooo/expandzoom

Last synced: about 2 months ago
JSON representation

展开缩放div内容的插件

• Host: GitHub
• URL: https://github.com/leetaogoooo/expandzoom
• Owner: LeetaoGoooo
• License: mit
• Created: 2017-05-08T10:35:18.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-05-08T11:01:54.000Z (over 7 years ago)
• Last Synced: 2024-10-12T06:21:17.119Z (3 months ago)
• Size: 1.95 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License

Awesome Lists containing this project

README

        
# ExpandZoom

一个可以通过 button 控制,展开 div 内容的插件

# Usage

```script

$(button).expandzoom(container_ele,options)

```

## options

```shell

{

        height: 200,  // 默认展开的高度,单位 px

        display: false, // 默认是否展开

        speed: 0.6 // 展开的速度,单位 s

}

```

参数

| Tables        | defualt        | remark  |

| ------------- |:-------------:| -----:|

| height     | 200 | 默认展开的高度,单位px |

| display      | false      |   默认是否展开,false |

| speed | 0.6     |    默认收缩时间,单位 s |

## demo

```html

    

    

点击我



    需要展开的内容



    var pele = $('#container'); // 容器

    $('#button').expandzoom(pele);

```

[在线demo](http://www.leetao94.cn/expandzoom/index.html)