博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 实现垂直展开压缩动画
阅读量:6069 次
发布时间:2019-06-20

本文共 1275 字,大约阅读时间需要 4 分钟。

  hot3.png

MyAnimate.timer = null;//默认增量MyAnimate.inc = 2;MyAnimate.speed = 10;//展开MyAnimate.unfold = function (id, max, inc,speed) {    inc = inc || this.inc;    speed = speed || this.speed    var h = $('#' + id).height()    if ( h < max ) {        $('#' + id).height(h + inc)        clearTimeout(MyAnimate.timer);        timer = setTimeout('MyAnimate.unfold("' + id + '",' + max + ',' + inc + ','+speed+')', 10)    }};//收缩折叠MyAnimate.fold = function (id, min, inc,speed) {    inc = inc || this.inc;    speed = speed || this.speed    var h = $('#' + id).height()    if ( h > min ) {        $('#' + id).height(h - inc)        clearTimeout(MyAnimate.timer);        timer = setTimeout('MyAnimate.fold("' + id + '",' + min + ',' + inc +','+speed+ ')', 10)    }};(function () {    //点击展开、收缩,展开的id    $(document).on('click', '[detail-collapse]', function () {        var state = $(this).attr('detail-collapse');        if ( state == '0' ) {//收缩,执行展开            MyAnimate.unfold('prizeStateId', 84)            $(this).attr('detail-collapse', 1)            $(this).text('收起明细')        }        else {//展开,执行收缩            MyAnimate.fold('prizeStateId', 0)            $(this).attr('detail-collapse', 0)            $(this).text('明细')        }    })})()

转载于:https://my.oschina.net/fuye/blog/376374

你可能感兴趣的文章
未来五年内将重塑大数据技术的五种趋势
查看>>
银行卡识别SDK亮相 扫清支付最后障碍
查看>>
DataWorks使用之批量删除数据表
查看>>
众筹超过500万美元:让MP3浴火重生的PonoPlayer
查看>>
如何构建面向应用的运维管理新思维
查看>>
你看那代码,好像一条链哎
查看>>
有哪些不为人知却好用到爆的Windows技巧?
查看>>
程序员久坐伤身:站起来,走出去,别回来
查看>>
Hulu李彬:看到不一样的视频网站,所遇挑战何尝不是一次革新的机会?
查看>>
《 自动化测试最佳实践:来自全球的经典自动化测试案例解析》一一2.1 本案例研究的背景...
查看>>
315“黑科技”背后的白帽黑客平台GeekPwn
查看>>
轻轻揭开 b*tree 索引结构的神秘面纱
查看>>
企业喜爱人工智能CRM需要理由吗?
查看>>
Android 连麦Demo App 接入指南
查看>>
这些在安装Windows 10时常用到的(类似备忘录)
查看>>
AMP是如何提升性能?
查看>>
Local privilege escalation for OS X 10.11.6 via PEGASUS
查看>>
JSP中报错only a type can be imported: XXX resolves to package
查看>>
hbase源码带注释版本,放在这里,方便大家下载吧
查看>>
freemarker 模板生成 文件
查看>>