zoukankan      html  css  js  c++  java
  • JQuery中的事件与动画

    1.绑定事件
      除了使用事件名绑定事件外,还可以使用bind()方法
      绑定多个事件
      bind()方法还可以同时为多个事件绑定方法

    2.移除事件
      移除事件使用unbind()方法,其语法:unbind([type],[fn])
      参数 含义 描述
      [type] 事件类型  主要包括:blur、focus、click、mouseout等基础事件,此外,还可以是自定义事件
      [fn] 处理函数  用来解除绑定的处理函数
     提示:当unbind()不带参数时,表示移除所绑定的全部事件

    3.鼠标光标悬停事件
      hover()方法相当于mouseover与mouseout事件的组合
      鼠标连续click事件
      toggle()方法用于模拟鼠标连续click事件

    4.jQuery动画效果
      jQuery提供了很多动画效果:
       
    (1)控制元素显示与隐藏
      显示:show();
      隐藏:hide();
    (2)控制元素淡入淡出
      淡入:fedeIn();
      淡出:fedeOut();
    (3)改变元素高度
      逐步延伸显示:slideDown();
      逐步缩短直至隐藏:slideUp();

    5.显示及隐藏元素
      show() 在显示元素时,能定义显示元素时的效果,如缓慢显示速度"slow"
      hide() 在显示元素时,能定义隐藏元素时的效果,如缓慢显示速度"fast"

    6.切换元素可见状态
      toggle()除了可以模拟鼠标的连续单击事件外,还能用于切换元素的可见状态

    7.toggle()显示与隐藏
     slideToggle()改变高度的显示与隐藏。
     fadeTo(time,op)通过指定时间将元素的不透明度变为op
     fadeToggle()改变不透明度的显示与隐藏。

    8.使用animate()来自定义动画。
     $(selecttor).animate(params,speed,callback)
        params:定义形成动画的CSS属性
        speed:动画实现需要的事件(ms)
     callback:动画完成时执行的函数。

  • 相关阅读:
    words you learn through youtube and so on in daily life
    python 随笔
    Zookeeper 指南
    Mac 后台服务
    Elasticsearch 指南
    架构之灰度部署
    架构之CDN缓存
    架构之微服务(zookeeper)
    架构之微服务(etcd)
    架构之微服务设计(Nginx + Upsync)
  • 原文地址:https://www.cnblogs.com/liuying23/p/11039338.html
Copyright © 2011-2022 走看看