zoukankan      html  css  js  c++  java
  • Widget练习

    /***************************常用的属性******************************/
    1.'effect': 'fade' 切换时的动画效果
    none, 最朴素的显示/隐藏效果
    fade, 可实现淡隐淡现的效果
    scrolly, 垂直滚动
    scrollx, 水平滚动

    2.'autoplay': true 是否自动播放,true/false (默认值:true)

    3.'circular': true 是否有循环滚动效果 true/false (默认值:true)

    4.'activeTriggerCls':'selected' 默认激活列表项的class值(li内容的切换),自定义值(自定义类名) (默认值:active)

    5.'duration':'0.01' 动画时长(切换下一个动画的时间) 自定义值(默认值:0.5)

    6.'delay':'0.01' 延迟加载时间(执行事件的延迟时间) 自定义数值 (默认值:1)

    7.'easing':'easeOutStrong' 滚动的动画方方式 easeOutStrong/easeBoth 块/慢

    8.'steps':5,一次切换多少张图片

    9.'viewSize':[680] 切换视图区域的大小。自定义值

    10.'prevBtnCls':'prev' 上一页的class值

    11.'nextBtnCls':'next' 下一页的class值

    12.'disableBtnCls':'disable' 按钮不可用的class值,默认不可用,事件出发后,可用

    13.'lazyDataType':'img-src'图片懒加载属性

    14.navCls (自定义类名) 对其进行轮播的目标列表的class值
    contentCls (自定义类名)轮播列表所对应的内容列表的class值

    /**************************Accordion - 手风琴*********************************/

    15.triggerType 触发方式——mouse:鼠标经过触发click:鼠标点击触发 mouse/click(默认值:mouse)

    16.'multiple':true 是否同时支持多面板展开 true/false (默认值:false)

    /********************Popup - 弹出层******************************/

    17. 'trigger':'.first-trigger'(自定义类名) 触点元素,就是鼠标滑过哪个元素的时候弹出当前的popup,支持class和id选择器的写法

    18. 'align':{
    'node':'.first-trigger',
    'offset':[0,0],
    'points':['cr','cc']
    }
    }
    offset:弹出层的偏移量(x,y)
    points:[x,y]弹出层的y与触点的x重合
    /***************************ntdown - 倒计时***************************/
    19.Countdown - 倒计时
    1.'endTime': '30000',倒计时总时间
    2.'interval': 1000, 执行倒计时的时间间隔
    3.'timeRunCls': '.ks-countdown-run', 此标签的内容在倒计时运行时显示,倒计时结束时隐藏
    4. 'timeEndCls': '.ks-countdown-end' 此标签的内容在倒计时运行时隐藏,倒计时结束时显示
    5. 'timeUnitCls':{
    'd': '.ks-d',
    'h': '.ks-h',
    'm': '.ks-m',
    's': '.ks-s',
    'i': '.ks-i'
    }
    时间格式,天,时,分,秒,毫秒
    6. 'minDigit': 1

  • 相关阅读:
    游黄龙溪有感
    一个人的元宵节
    这个女人创业 实在让人佩服
    职场中人需要改变的9种想法
    元宵之思
    美资,台资,国有企业比较 经典!
    青年人创业最关注创业能力
    footer
    Running Scripts
    sql attention
  • 原文地址:https://www.cnblogs.com/LWJ-booke/p/7428803.html
Copyright © 2011-2022 走看看