夺命雷公狗jquery---30淡出效果
2015-10-27 17:10
555 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div#result{ width:300px; height:300px; background-color:red; } </style> <script src="js/jquery.js"></script> <script> $(function(){ $('#btnfadeIn').bind('click',function(){ $('#result').fadeIn(3000); }); $('#btnfadeOut').bind('click',function(){ $('#result').fadeOut(3000,function(){ alert('完成任务'); }); }); $('#btnfadeTo').bind('click',function(){ $('#result').fadeTo(3000,0.2); }); }) </script> </head> <body> <div id="result"></div> <hr /> <input type="button" id="btnfadeIn" value="fadeIn" /> <input type="button" id="btnfadeOut" value="fadeout" /> <input type="button" id="btnfadeTo" value="fadeTo" /> </body> </html>
相关文章推荐
- jQuery中使用ajax向后台传递数据
- DOM对象与jquery对象有什么不同
- 夺命雷公狗jquery---29滑动效果
- jQuery1.9新版变化之:toggle()方法
- JQuery EasyUi之界面设计——前言与界面效果(一)
- 夺命雷公狗jquery---28基本效果
- JQuery-UI Dialog下使用服务器端按钮失效
- jQuery+PHP+MySQL二级联动下拉菜单实例讲解
- jQuery结合CSS制作动态的下拉菜单
- 夺命雷公狗jquery---27默认行为,判断用户名不能为空
- jQuery学习之旅 Item5 $与jQuery对象
- jQuery学习之旅 Item5 $与jQuery对象
- jquery实现搜索提示效果
- jquery实现搜索提示效果
- 比较经典的Jquery代码
- 创建jQuery插件示例
- jQuery unbind() 方法
- jQuery MiniUI开发系列之:安装部署
- jQuery MiniUI开发系列之:安装部署
- JQuery基本操作