zoukankan      html  css  js  c++  java
  • jQuery动画

    1.控制元素显示与隐藏

      1.1 控制元素显示---show

         $(selector).show([speed],[callback])

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast

        callback---可选,show函数执行完,要执行的函数

      1.2 控制元素隐藏---hide

         $(selector).hide([speed],[callback])

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast

        callback---可选,hide函数执行完,要执行的函数

    2.改变元素透明度

      2.1 控制元素淡入---fadeIn

         $(selector).fadeIn([speed],[callback])

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast

        callback---可选,fadeIn函数执行完,要执行的函数

      2.2 控制元素淡出---fadeOut

         $(selector).fadeOut([speed],[callback])

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast

        callback---可选,fadeOut函数执行完,要执行的函数

    3.改变元素高度 

      3.1 控制元素从上向下延伸显示---slideUp

         $(selector).slideUp([speed],[callback])

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast

        callback---可选,slideUp函数执行完,要执行的函数

      3.2 控制元素从下向上缩短直至隐藏---slideDown

         $(selector).slideDown([speed],[callback])

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast

        callback---可选,slideDown函数执行完,要执行的函数

    4.自定义动画

      $(selector).animate({parmas},speed,callback)

        parmas---必选,定义形成动画的CSS属性 

        speed---可选,可设置:毫秒(1000等)、slow、normal、fast,规定的效果时长

        callback---可选,滑动完成后,要执行的函数

  • 相关阅读:
    js 实现树效果
    (转)JavaScript 冒泡实例与阻止冒泡方法
    (转)js全页面刷新方法
    js 右键菜单
    (转)js,jQuery屏蔽鼠标右与jquery 鼠标右键事件、左键单击事件判定
    Flex取xml文件中的值
    oracle相关时间计算,得到季度第一天、最后一天
    (转)ASP.NET MVC VS2010中更改默认调试浏览器
    JS 与 后台如何获取 Cookies
    js 弹出新页面
  • 原文地址:https://www.cnblogs.com/weihaixiong/p/8510109.html
Copyright © 2011-2022 走看看