淡入淡出

来自： http://baike.baidu.com/view/1080291.htm 使用函数 ：AnimateWindow 说明 ： 该函数能在显示与隐藏窗口时能产生特殊的效果。 函数原型 ： 　　 BOOL AnimateWindow（HWND hWnd，DWORD dwTime，DWORD dwFlags）； 　　 BOOL AnimateWindow（DWORD dwTime，DWORD dwFlags）； 参数说明 ： hWnd ：指定产生动画的窗口的句柄。 dwTime ：指明动画持续的时间（以微秒计），完成一个动画的标准时间为200微秒。 dwFags ：指定动画类型。这个参数可以是一个或多个下列标志的组合。标志描述： AW_SLIDE ：使用滑动类型。缺省则为滚动动画类型。当使用AW_CENTER标志时，这个标志就被忽略。 AW_ACTIVATE ：激活窗口。在使用了AW_HIDE标志后不要使用这个标志。 AW_BLEND ：使用淡出效果。只有当hWnd为顶层窗口的时候才可以使用此标志。 AW_HIDE ：隐藏窗口，缺省则显示窗口。 AW_CENTER ：若使用了AW_HIDE标志，则使窗口向内重叠；若未使用AW_HIDE标志，则使窗口向外扩展。 AW_HOR_POSITIVE ：自左向右显示窗口。该标志可以在滚动动画和滑动动画中使用。当使用AW

#import " ViewController.h " @interface ViewController () @property (nonatomic,strong)CALayer *imageLayer; @end @implementation ViewController - ( void )viewDidLoad { [super viewDidLoad]; UIImage *image1 = [UIImage imageNamed: @" test1.jpg " ]; // 可以显示图片类容,layer是view的载体 // self.view.layer.contents = (__bridge id)(image.CGImage); // 创建出图片layer self.imageLayer = [CALayer layer]; self.imageLayer.frame = self.view.bounds; [self.view.layer addSublayer:self.imageLayer]; self.imageLayer.contents = (__bridge id )(image1.CGImage); [self performSelector:@selector(imageAnimation) withObject:nil

还算简单，先发个图看看效果。 主文件： import android.app.Activity; import android.os.Bundle; import android.view.animation.AnimationUtils; import android.widget.ViewFlipper; public class TextAnimationActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ViewFlipper viewFilpper = (ViewFlipper) findViewById(R.id.flipper); viewFilpper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_in)); viewFilpper.setOutAnimation(AnimationUtils.loadAnimation(this, R

第一版本有很多限制，特以此做记录以待日后优化。模仿支付宝首页轮播图 https://www.alipay.com/ <script> $(function(){ var i=1; var time; $("#J-slide").hover(function(){ time=window.clearInterval(time);//清除自动播放 },function(){ time=setInterval(function (){ $("#J-slide li").fadeOut(500); $("#J-slide li[name='"+i+"']").fadeIn(500); $("#J-slide-number a").removeClass("slide_number_active"); $("#J-slide-number a[name='a_"+i+"']").addClass("slide_number_active"); i++; if(i==4)i=1; },5000); }).trigger("mouseleave"); $("#J-slide-number a").click(function(){ $("#J-slide-number a").removeClass("slide_number_active"); $(this).addClass("slide

Jquery淡入淡出轮播图 因为代码不多所以我就写一个html文件里了 html代码 <div class="banner"> 　　<ul> 　　　　<li><a href="javascript:;"><img src="./1 (1).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (2).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (3).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (4).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (5).png" /></a></li> 　　</ul> 　　<div class="arrow"> 　　　　<span class="arrow-l"><</span> 　　<span class="arrow-r">></span> 　　</div> 　　<ol> 　　　　<li class="dot"></li> 　　　　<li></li> 　　　　<li></li> 　　　　<li></li> 　　　　<li></li> 　　<

jQuery Fading 方法 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn() fadeOut() fadeToggle() fadeTo() jQuery fadeIn() 方法 jQuery fadeIn() 用于淡入已隐藏的元素。 语法： $(selector).fadeIn(speed,callback); 可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。 下面的例子演示了带有不同参数的 fadeIn() 方法： 实例 $(“button”).click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn(“slow”); $("#div3").fadeIn(3000); }); jQuery fadeOut() 方法 jQuery fadeOut() 方法用于淡出可见元素。 语法： $(selector).fadeOut(speed,callback); 可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。

Jquery淡入淡出轮播图 因为代码不多所以我就写一个html文件里了 html代码 <div class="banner"> 　　<ul> 　　　　<li><a href="javascript:;"><img src="./1 (1).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (2).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (3).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (4).png" /></a></li> 　　　　<li><a href="javascript:;"><img src="./1 (5).png" /></a></li> 　　</ul> 　　<div class="arrow"> 　　　　<span class="arrow-l"><</span> 　　<span class="arrow-r">></span> 　　</div> 　　<ol> 　　　　<li class="dot"></li> 　　　　<li></li> 　　　　<li></li> 　　　　<li></li> 　　　　<li></li> 　　<

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div" style="display:none ;width: 200px;height: 200px;background-color: rebeccapurple"></div> <input id="In" type="button" value="fadeIn"> <input id="out" type="button" value="fadeout"> <input id="toggle" type="button" value="fadetoggle"> <input id="fadeto" type="button" value="fadeto"> <script src="jquery-2.1.4.min.js"></script> <script> $("#In").click(function () { $("div").fadeIn(2000); }) $("#out").click(function () { $("div").fadeOut(1000); }) $("#toggle").click(function () { $("div"

本文转载于: 猿2048 网站☞ jQuery淡入淡出效果实例大全（fadeIn(),fadeOut()等） jQuery Fading 方法 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn() fadeOut() fadeToggle() fadeTo() jQuery fadeIn() 方法 jQuery fadeIn() 用于淡入已隐藏的元素。 语法： $(selector).fadeIn(speed,callback); 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。 下面的例子演示了带有不同参数的 fadeIn() 方法： 实例 $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); }); 完整例子： <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){

#toast{ position: fixed; top: 44%;left:50%;transform: translateX(-50%); min-width: 80px; max-width: 180px; min-height: 18px; padding: 10px; line-height: 18px; text-align: center; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 5px; display: none; z-index: 999; } /* toast 提示 $("#toast").showMessage('网络错误，请稍后重试',1400); */ $.fn.extend({ showMessage: function( $msg, $time ){ var oDiv = document.createElement("div"); oDiv.setAttribute("id", "toast"); var oBody = document.getElementsByTagName('body')[0]; oBody.append(oDiv); $('#toast').text( $msg ); $('#toast').fadeIn();