Jquery animate的使用方法

简介: js: $('#colspan').click(function () { if ($('#colspan').hasClass('glyphicon-chevron-up')) { $('#colspan').

js:

$('#colspan').click(function () {
        if ($('#colspan').hasClass('glyphicon-chevron-up')) {
            $('#colspan').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
        } else {
            $('#colspan').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
        }
        $('#jumbotron').animate({
            height: 'toggle'
        }, 100);
    });

html:

                <div id="colspan" class="glyphicon glyphicon-chevron-down">

效果图:

目录
相关文章
|
4月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
8月前
|
JavaScript
jQuery 自定义动画 animate(详细步骤)
jQuery 自定义动画 animate(详细步骤)
59 0
|
JavaScript
jQuery animate方法-25
jQuery animate方法-25
65 0
jQuery animate方法-25
|
前端开发 JavaScript
jQuery动画---自定义动画animate()
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/73511662 同步动画 animate(参数对象,time,回调函数) 同时改变多个样式。
788 0
|
JavaScript API 前端开发
【Jquery】jquery动画效果animate
渐渐的拉长:   关闭侧边栏 显示侧边栏 $(document).ready(function () { jQuery(document).
994 0
|
JavaScript 前端开发
jQuery的animate函数
jQuery提供了一个animate函数,可以通过改变CSS属性来实现一些动画效果。   用法如下: .animate( properties[, duration ][, easing ][, complete ]) 或者 .animate( properties, options ),其中 options 包含了duration、easing、queue、specialEasing、step、progress、complete、done、fail、always等多个属性。
975 0
|
JavaScript
jQuery起点教程之Animate(5)
jQuery起点教程之Animate是个好东西,一个非常好的效果你可以用jquery自带的函数,比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。
821 0