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:动画完成时执行的函数。

  • 相关阅读:
    《C# to IL》第一章 IL入门
    multiple users to one ec2 instance setup
    Route53 health check与 Cloudwatch alarm 没法绑定
    rsync aws ec2 pem
    通过jvm 查看死锁
    wait, notify 使用清晰讲解
    for aws associate exam
    docker 容器不能联网
    本地运行aws lambda credential 配置 (missing credential config error)
    Cannot connect to the Docker daemon. Is 'docker daemon' running on this host?
  • 原文地址:https://www.cnblogs.com/liuying23/p/11039338.html
Copyright © 2011-2022 走看看