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

  • 相关阅读:
    vue3_10 吴小明
    ios圆角属性失效的解决办法 吴小明
    vue3_07 吴小明
    vue3_04 吴小明
    vue3_08 吴小明
    vue3_09 吴小明
    vue指定返回键的路由(点击浏览器的返回按钮/beforeRouterLeave) 吴小明
    Object.assign() 吴小明
    vue中使用lodash的debounce(防抖函数) 吴小明
    读雪中悍刀行有感
  • 原文地址:https://www.cnblogs.com/AngelLee2009/p/1969444.html
Copyright © 2011-2022 走看看