<!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"> <head> <title>jquery</title> <mce:style type="text/css"><!-- #spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; } --></mce:style><style type="text/css" mce_bogus="1">#spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; }</style> <mce:script src="../脚本/jquery-1.3.2.min.js" mce_src="脚本/jquery-1.3.2.min.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- $(function(){ //用toggle,hide(),show()实现显示与隐藏 $("#showHide").toggle(function(){ $(this).hide(600) },function() { $(this).show(600); } ); //使用fadeout,fadeIn改变透明度 $("#fadeout").toggle(function(){ $(this).fadeOut(); },function() { $(this).fadeIn(); } ); //使用animate实现简单的动画效果 $("#spanel").bind("click",function(){ $(this).animate({left:"300px",height:"100px"},3000); }); }); // --></mce:script> </head> <body> <div id="showHide">show移上去看看</div> <p></p> <div id="spanel"> <h5>hello</h5> </div> <p></p> <div id="fadeout">fadeout淡出效果 淡出效果淡出效果淡出效果淡出效果淡出效果 淡出效果淡出效果淡出效果淡出效果 </div> </body> </html>
您还没有登录,请您登录后再发表评论
jquery (show,fadeOut,Animate)简单效果,需要的朋友可以参考下。
C#的WinFrom程序把控件制作出类似JQuery的Animate方法的各种效果,fadeIn,fadeOut,展开,合并等效果
9.3.2 fadeOut(speed, [callback]) 153 9.3.3 fadeTo(speed, opacity, [callback]) 154 9.4 自定义 155 9.4.1 animate(params, [duration], [easing], [callback]) 155 9.4.2 animate(params, options) 157 9.4.3 ...
5.5.2 使用animate()方法代替其他动画效果/148 5.6 综合案例分析—动画效果浏览相册中的图片/149 5.6.1 需求分析/149 5.6.2 效果界面/149 5.6.3 功能实现/151 5.6.4 代码分析/155 5.7 本章小结/158 第6章 ...
演示简单的 jQuery animate() 函数。 <script type="text/javascript" src="/jquery/jquery.js"> <script type="text/javascript"> $(document).ready(function(){ $("#start").click(function(){ $("#box")....
$.show( [ duration [, easing] [, fn] ] ) $.hide( [ duration [, easing] [, fn] ] ) $.toggle( [showOrHide] ) $.toggle( duration [, easing] [, fn] ) Sliding $.slideDown( duration [, easing] [, fn] ) $....
5.1.2 动画效果的show()与hide()方法 5.1.3 toggle()方法 5.2 滑动 5.2.1 slidedown()与slideup方法 5.2.2 slidetoggle()方法 5.3 淡入淡出 5.3.1 fadein()与fadeout()方法 5.3.2 fade...
fadeOut(speed, [callback]) fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) 设置 jQuery.fx.off Ajax Ajax 请求 $.ajax(...
animate(p,[s],[e],[fn])1.8* stop([c],[j])1.7* delay(d,[q]) finish([queue])1.9+ 设置 jQuery.fx.off jQuery.fx.interval ajax ajax 请求 $.ajax(url,[settings]) load(url,[data],[callback]) $....
) 淡入淡出 fadeIn(speed, [callback]) fadeOut(speed, [callback]) fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) delay(duration,...
主要介绍了jQuery实现动画、消失、显现、渐出、渐入效果,结合实例形式分析了jQuery中animate()、hide()、show()、slideUp()、slideDown()、slideToggle()、fadeOut()、fadeIn()等方法简单使用技巧,需要的朋友可以...
jQuery的效果函数列表: animate():对被选元素应用“自定义”的动画。 clearQueue():对被选元素移除所有排队的函数(仍未运行的)。 delay():对被选元素的所有排队函数(仍未运行)设置延迟。 dequeue():运行被选...
部分jQuery常用的动画函数,整理了一下,在做交互式页面的时候挺有用的 .css('a','12px'); .css({ a:'12px', b:'#fff' }); .show(); .hide(); .toggle(); .fadeIn(); .fadeOut(); .fadeToggle(); .slideDown(); ....
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> *{margin:0;padding:0;list-style:none} body{background:#B2BDC4; font-size:12px} .mbox{margin:100px ...
相关推荐
jquery (show,fadeOut,Animate)简单效果,需要的朋友可以参考下。
C#的WinFrom程序把控件制作出类似JQuery的Animate方法的各种效果,fadeIn,fadeOut,展开,合并等效果
9.3.2 fadeOut(speed, [callback]) 153 9.3.3 fadeTo(speed, opacity, [callback]) 154 9.4 自定义 155 9.4.1 animate(params, [duration], [easing], [callback]) 155 9.4.2 animate(params, options) 157 9.4.3 ...
5.5.2 使用animate()方法代替其他动画效果/148 5.6 综合案例分析—动画效果浏览相册中的图片/149 5.6.1 需求分析/149 5.6.2 效果界面/149 5.6.3 功能实现/151 5.6.4 代码分析/155 5.7 本章小结/158 第6章 ...
演示简单的 jQuery animate() 函数。 <script type="text/javascript" src="/jquery/jquery.js"> <script type="text/javascript"> $(document).ready(function(){ $("#start").click(function(){ $("#box")....
$.show( [ duration [, easing] [, fn] ] ) $.hide( [ duration [, easing] [, fn] ] ) $.toggle( [showOrHide] ) $.toggle( duration [, easing] [, fn] ) Sliding $.slideDown( duration [, easing] [, fn] ) $....
5.1.2 动画效果的show()与hide()方法 5.1.3 toggle()方法 5.2 滑动 5.2.1 slidedown()与slideup方法 5.2.2 slidetoggle()方法 5.3 淡入淡出 5.3.1 fadein()与fadeout()方法 5.3.2 fade...
fadeOut(speed, [callback]) fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) 设置 jQuery.fx.off Ajax Ajax 请求 $.ajax(...
animate(p,[s],[e],[fn])1.8* stop([c],[j])1.7* delay(d,[q]) finish([queue])1.9+ 设置 jQuery.fx.off jQuery.fx.interval ajax ajax 请求 $.ajax(url,[settings]) load(url,[data],[callback]) $....
fadeOut(speed, [callback]) fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) 设置 jQuery.fx.off Ajax Ajax 请求 $.ajax(...
) 淡入淡出 fadeIn(speed, [callback]) fadeOut(speed, [callback]) fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) delay(duration,...
主要介绍了jQuery实现动画、消失、显现、渐出、渐入效果,结合实例形式分析了jQuery中animate()、hide()、show()、slideUp()、slideDown()、slideToggle()、fadeOut()、fadeIn()等方法简单使用技巧,需要的朋友可以...
jQuery的效果函数列表: animate():对被选元素应用“自定义”的动画。 clearQueue():对被选元素移除所有排队的函数(仍未运行的)。 delay():对被选元素的所有排队函数(仍未运行)设置延迟。 dequeue():运行被选...
部分jQuery常用的动画函数,整理了一下,在做交互式页面的时候挺有用的 .css('a','12px'); .css({ a:'12px', b:'#fff' }); .show(); .hide(); .toggle(); .fadeIn(); .fadeOut(); .fadeToggle(); .slideDown(); ....
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> *{margin:0;padding:0;list-style:none} body{background:#B2BDC4; font-size:12px} .mbox{margin:100px ...