jquery简易收缩展开效果特效
2012-07-25 13:53
309 查看
气依然很炎热,睡不着啊,jquery博客整个简单jquery特效收缩展开吧。
主要代码就那点,这个只是个简单的特效,后期可以衍生很多复杂的,前端开发需要大家自己慢慢摸索,多动手,亲们慢慢折腾吧。http://www.jqueryba.com/486.html
$(document).ready(function(){
$(".box h1").toggle(function(){
$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
},function(){
$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
});
});
在线效果DEMO
主要代码就那点,这个只是个简单的特效,后期可以衍生很多复杂的,前端开发需要大家自己慢慢摸索,多动手,亲们慢慢折腾吧。http://www.jqueryba.com/486.html
$(document).ready(function(){
$(".box h1").toggle(function(){
$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
},function(){
$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
});
});
在线效果DEMO
相关文章推荐
- jquery简易收缩展开效果特效
- jquery简易收缩展开效果特效
- 【每天一个JQuery特效】以卷帘效果展开或收缩被选择的元素(2)
- jQuery实现DIV层的收缩展开效果
- jQuery 导航菜单点击伸缩展开效果的JS特效
- jQuery实现文本展开收缩特效
- jQuery实现文本展开收缩特效
- 基于jQuery实现下拉收缩(展开与折叠)特效
- jquery学习第二天:超链接title提示效果、图片放大提示效果、内容展开收缩动画效果
- jQuery收缩与展开特效
- jquery收缩展开效果实例代码
- jquery简单实现树形结构收缩展开效果
- jquery简单实现网页层的展开与收缩效果
- 基于jQuery代码实现圆形菜单展开收缩效果
- jQuery圆形菜单展开收缩特效
- Jquery 收缩展开效果 点击标题展开或者隐藏内容
- JQuery的一种特效:展开和收缩
- jquery简单实现网页层的展开与收缩效果
- 基于jQuery实现下拉收缩(展开与折叠)特效
- 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)