我的小前端 —— JQ和zepto

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我的小前端 —— JQ和zepto相关的知识,希望对你有一定的参考价值。

没有什么特别新技术,就是记录我做移动端遇到的问题

2016-02-16


 

关于JS库

JQ很简单,网上很多插件效果都依赖它,但JQ库很大

zepto.js用简单效果,很好用

<script src="js/zepto.js"></script>
    <script type="text/javascript">
        Zepto(function($){
            $(‘.dialog-bg‘).click(function(){
                $(this).show();
                $(‘.dialog-body‘).hide();
            });
          
            $(‘.icon-refresh‘).click(function(){
                $(this).show().css("opacity", 1).show(2000).animate({ opacity: 0 }, 1000, ‘ease-in‘);  //对display: none隐藏的DIV显示2秒后1秒隐藏,也能用延迟计时器setTimeout(function () {$(this).show();}, 6000);

,不支持delay。
            });
        });
    </script>

 ***********************************

 现在用zepto做页面的Loading动画和页面动态效果的越来越多

 

以上是关于我的小前端 —— JQ和zepto的主要内容,如果未能解决你的问题,请参考以下文章

非常适合新手的jq/zepto源码分析05

手机下拉/上拉刷新(基于jq或者zepto)

非常适合新手的jq/zepto源码分析06 -- 事件模型

移动端jq及zepto事件绑定

jquery与zepto同时使用

zepto事件