zoukankan      html  css  js  c++  java
  • jQuery(三) 动画操作一

     jq: 在线连接地址;<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

           1:     div  id="btn"  css={W:400px;H:400px; BGC:gray; DISPLAY:none;}

                    让 btn显示隐藏的动画一:   $("#btn").show(300);        // 300毫秒内 淡入

                                        动画二:   $("#btn").fadeIn();                      // 淡入

                                        动画三:   $("#btn").fadeOut();                   //  淡出

                                        动画四:   $("#btn").hide(300);                  // 淡出

                                        动画五:  slideDown();               // 向下滑动元素 

                                        动画六:  slideUp();               // 向上滑动元素 

                                        动画五: slideDown();               // 向左滑动元素 

                                        动画方法:animate() ;      // 根据自己的想法 完成要想的动作     animate(css{},time,callback);          

                    例:

                                     div  id="btn"  css={W:400px;H:400px; BGC:gray; }                                               // 定义一个div id为btn      

                                    var  btn = document.getElementById("btn");                                                          // 获取这个id为btn的div                

                                    $(function(){                                                                                                                // jq入口

                                            $("#btn").stop().animate(css{"marginLeft":"500"},3s);                                   // 定义动画 

                                  })

                                         

                                      

  • 相关阅读:
    所谓guard进程不能启动
    文件拒绝访问
    (转)Android 自定义 spinner (背景、字体颜色)
    (转)安装Android SDK时遇到Failed to rename directory
    (转)Download interrupted: Connection to https://dl-ssl.google.com refused
    安卓中Activity的onStart()和onResume()的区别是什么
    Could not find class 'org.ksoap2.serialization.SoapObject
    Android三种左右滑动效果 手势识别(转)
    The method of type must override a superclass method解决方式(转)
    MySQL插入中文时出现ERROR 1406 (22001): Data too long for column 'name' at row 1 (转)
  • 原文地址:https://www.cnblogs.com/zxy-web/p/8718775.html
Copyright © 2011-2022 走看看