zoukankan      html  css  js  c++  java
  • jQuery效果为操作添加艺术性

    通过jQuery修改样式:

    1.修改内联CSS

    getter: .css('property')

    setter: .css('property','value')

               .css({property1:'value1','property2':'value2'})

    2.基本的隐藏和显示

    .hide()    .show()

    3.效果和速度

    .show('slow||normal||faster') 或数值  .hide('slow||normal||faster')或数值

    .fadeIn('slow||normal||faster')或数值  .fadeOut('slow||normal||faster')或数值

    4.多重效果

    show() hide()会同时修改宽度,高度和不透明度属性。

    fadeIn() fadeOut() fadeTo() 只改变不透明度。

    slideDown() slideUp()高度

    animate() 可以创建包含多重效果的自定义动画。(可以接受四个参数:包含属性及值的映射,速度,缓动,回调函数。)

    例:.animate({param1:'value1',param2:'value2'},speed,function(){

        //code

    });

    5.并发与排队效果

     处理一组元素:

        当在一个.animate()方法中以多个属性的方式应用时,是同时发生的。

        当以方法连缀的形式应用时,是按顺序发生的(排队效果)。

     处理多组元素:

        默认情况下是同是发生的。

        当事件处理程序的回调函数中应用时,是按顺序发生的(排队效果)。

     附:在需要多次使用某个jQuery对象时,最好把这个对象保存到一个变量中。

  • 相关阅读:
    eclipse 中配置查看jdk基础源代码
    网页授权获取用户基本信息
    语系/地区码
    windows 下 PHP DOITPHP框架 memcache缓存开启。
    xheditor富文本框 存值与展示问题
    逻辑处理
    ajax图片单个上传(ajaxfileupload.js)
    18 南京 D
    poj 2069
    poj 2420
  • 原文地址:https://www.cnblogs.com/AngelLee2009/p/1969444.html
Copyright © 2011-2022 走看看