好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

zepto打造一款移动端划屏插件_html/css_WEB-ITnose

最近忙着将项目内的jquery 2换成zepto

调用

正常情况下应该是后台生成的html代码,但还是写了一套操作tab页的方法

调用简便如下:

         var k;    $(function () {            /*        参数:config        change:tab页变更事件            参数e: 当前页码        tick:自动滚动间隔时间毫秒 (不设置则不自动滚动)        maxWidth:容器最大宽度 (默认有100%)        minWidth:容器最小宽度 (默认有100%)        className:样式类名            "ks_wt_1" 标题栏-方形 (默认)            "ks_wt_2" 标题栏-小圆形            或者你自定义的类名        */        k = $("#divs1").slider({ change: function (e) { console.log(e); }, maxWidth: 360, minWidth: 300 });        //js添加一页并且跳转到第4页        k.add("标题", "内容").tab(3);        //删除页        //k.remove(0);        //小圆形按钮标题  每隔3秒自动滚动 myimg:自己写的css类,控制里面图片大小        $("#divs2").slider({ maxWidth: 300, className: "ks_wt_2 myimg", tick: 3000 });    });  

html

标题1 标题2 标题3

text1 text1 text1 text1 text1 text1 text1 text1

查看更多关于zepto打造一款移动端划屏插件_html/css_WEB-ITnose的详细内容...

  阅读:36次