jQuery中animate用法实例分析
作者:bea
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下: 这是一个简单的animate函数尝试。代码如下: <script type="text/javascript"> $(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this).addClass("box-arrow"); $(this).next(".side-text").an
本文实例讲述了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程序设计有所帮助。
有用 | 无用
这是一个简单的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给动态添加的元素绑定事件的方法
- jquery滚动加载数据的方法
- jQuery晃动层特效实现方法
- javascript中hasOwnProperty() 方法使用指南
- jQuery设置和移除文本框默认值的方法
- jQuery读取XML文件内容的方法
- JQuery动态添加和删除表格行的方法
- Python脚本后台运行的几种方式
- JS控制表格实现一条光线流动分割行的方法
- JS实现点击按钮自动增加一个单元格的方法
- JS实现网页表格自动变大缩小的方法
- EasyUI中datagrid在ie下reload失败解决方案
- JS控制网页动态生成任意行列数表格的方法
- jQuery随机密码生成的方法
- jQuery实现简单的间隔向上滚动效果
- nodeJS代码实现计算交社保是否合适
- jQuery实现鼠标划过展示大图的方法
- javascript 对象数组根据对象object key的值排序
- jquery插件corner实现圆角边框的方法