jquery淡入淡出效果简单实例
2016-01-14 00:00
786 查看
本文实例讲述了jquery淡入淡出效果实现方法。分享给大家供大家参考,具体如下:
之前理解有一些误区,以为淡入淡出是删除该元素,其实只是把该元素隐藏起来 和 显示出来罢了。
具体代码如下:
更多关于jQuery特效相关内容感兴趣的读者可查看本站专题:《jQuery常见经典特效汇总》
希望本文所述对大家jQuery程序设计有所帮助。
jQuery实现图片文字淡入淡出效果
jquery实现经典的淡入淡出选项卡效果代码
jQuery实现的淡入淡出二级菜单效果代码
jQuery实现点击小图片淡入淡出显示大图片特效
jquery实现的淡入淡出下拉菜单效果
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
jQuery实现首页图片淡入淡出效果的方法
原生js和jquery实现图片轮播淡入淡出效果
jQuery实现DIV层淡入淡出拖动特效的方法
jquery实现通用版鼠标经过淡入淡出效果
jquery 淡入淡出效果的简单实现
之前理解有一些误区,以为淡入淡出是删除该元素,其实只是把该元素隐藏起来 和 显示出来罢了。
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr"> <head> <mce:script type="text/javascript" src="jquery-1.4.4.min.js" mce_src="jquery-1.4.4.min.js"></mce:script> <title>Example | xHTML1.0</title> </head> <body> <button id="click">click</button> <ul id="ul"> <li>#</li> <li>@</li> <li>$</li> </ul> <mce:script type="text/javascript"><!-- $(function () { var _num = 1; $("#click").click(function () { var _ul = $("#ul"); var _li = $("#ul li"); var _len = _li.length; var _str = "<li style="display:none" mce_style="display:none">" + _num + "</li>"; _li.eq(_len-1).fadeOut('slow',function () { $(this).remove(); }); ++_num; $(_str).prependTo(_ul).fadeIn('slow'); }); }); // --></mce:script> </body> </html>
更多关于jQuery特效相关内容感兴趣的读者可查看本站专题:《jQuery常见经典特效汇总》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
原生js和jQuery实现淡入淡出轮播效果jQuery实现图片文字淡入淡出效果
jquery实现经典的淡入淡出选项卡效果代码
jQuery实现的淡入淡出二级菜单效果代码
jQuery实现点击小图片淡入淡出显示大图片特效
jquery实现的淡入淡出下拉菜单效果
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
jQuery实现首页图片淡入淡出效果的方法
原生js和jquery实现图片轮播淡入淡出效果
jQuery实现DIV层淡入淡出拖动特效的方法
jquery实现通用版鼠标经过淡入淡出效果
jquery 淡入淡出效果的简单实现
相关文章推荐
- jQuery取得iframe中元素的常用方法详解
- 轻松实现jquery手风琴效果
- 利用jquery监控滚动条动态加载数据
- jQuery旋转式动画导航特效
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- 代码:jquery小效果—— 吸顶
- jQuery ajax submit form 被拦截问题的解决
- JQuery选择器大全
- jquery页面滑到底部加载更多
- jquery判断节点是否存在
- JQuery与HTML元素的获取、设置、添加、删除
- jquery获取页面相关尺寸
- jquery easy ui ComboBox 内容过滤
- Jquery
- jquery——滚动条插件jscroll.js
- [jquery] 遮罩弹窗,点击遮罩弹窗自动隐藏
- JQuery经典例子:页面可编辑表格
- Jquery FileUpload插件获取文件名和文件大小
- 代码:jquery自定义插件 demo
- jQuery插件接口的实现,jquery.extend