jQuery中animate用法实例分析
更新时间：2015年03月09日 10:07:52 作者：疯狂的流浪
这篇文章主要介绍了jQuery中animate用法,实例分析了animate的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下：
这是一个简单的animate函数尝试。代码如下：
<script type="text/javascript">
$(document).ready(function(){
$(".side-box h3").toggle(function(){
$(this).addClass("box-arrow");
$(this).next(".side-text").animate({
height: 'toggle',
opacity: 'toggle'
}, "slow");
return false;
},function(){
$(this).next(".side-text").animate({
height: 'toggle',
opacity: 'toggle'
}, "slow");
$(this).removeClass("box-arrow");
return false;
});
});
</script>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jquery cookie插件代码类，使用这个就可以方便的控制的cookie了，但感觉前提你已经使用的jquery,否则那么大的js类，没必要用的吧，可以查看脚本之家以前提高的代码。2009-05-05
这篇文章主要介绍了Jquery 动态添加元素并添加点击事件实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了jquery数组过滤筛选方法grep()简介,需要的朋友可以参考下2014-06-06
jQuery.ajax()功能比较强大，可配置的参数比较多，本文主要对这个方法的注意事项进行总结。有相同需求的童鞋们也来仔细看看吧，希望对大家能有所帮助2014-11-11
这篇文章主要介绍了jquery如何实现表格排序、实时搜索表格内容,需要的朋友可以参考下2014-05-05
Jquery 实现Tab效果，思路就是普通的用js的思路控制的，脚本之家发布过更精简的代码，这个比较适合一直用js开始学用jquery控制的朋友一个参考。2010-03-03
并不是所有的浏览器都暴露了dom的对象原型,所以不能通过简单扩展原型方法并通过return this的形式来实现跨浏览器的链式调用,jquery采用了包装器的方式来解决了这个问题。2010-12-12
这篇文章主要介绍了jQuery左侧大图右侧小图焦点图幻灯切换特效,带有缩略图的焦点图切换代码，简单、时尚、大方，有需要的小伙伴可以参考下。2015-08-08
这篇文章主要介绍了jQuery noConflict() 方法用法,结合实例形式分析了jQuery noConflict() 方法基本功能、用法及操作注意事项,需要的朋友可以参考下2020-05-05
第一次自定义jQueryUI Widget 又是第一次，现在的感受是jQueryUI Widget能让你代码组织得更好,风格更一致。2010-11-11
最新评论