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对象时,最好把这个对象保存到一个变量中。

  • 相关阅读:
    OpenGL红宝书例3.1 -- glBufferSubData使用
    JNI调用问题(部分机型崩溃)
    文件编码转换工具
    vs2013安装visual assist和viemu之后提示功能等无效解决
    cocos2d-lua SDK接入
    OpenGL中shader读取实现
    CURL C++网络延时或者最低网速下载设置
    Spring框架
    软件安装方式
    Web前端常见问题
  • 原文地址:https://www.cnblogs.com/AngelLee2009/p/1969444.html
Copyright © 2011-2022 走看看