这篇文章主要介绍了jquery实现翻动fadein显示的方法,实例分析了jquery中fadein方法的使用技巧,需要的朋友可以参考下
2 J+ i; f; K* z& |: z: d0 v R, z7 p5 R本文实例讲述了jquery实现翻动fadein显示的方法。分享给大家供大家参考。具体实现方法如下:3 z( d1 g+ }+ H0 A$ s. c( W, Z
$(function() {
# @4 x) M4 S( r3 S0 h+ I2 U) T8 q//翻动显示
1 q3 u2 t4 V2 i) j/ K$(#zuixin div:not(:first)).css(display,none);8 ~# V5 i, E$ [6 d7 y
var b=$(#zuixin div:last);2 F6 e. Z$ r) a9 b4 B5 R
var c=$(#zuixin div:first);
8 g, o0 q6 L2 E, v5 p6 x$ ^0 M# R; b& |setinterval(function(){
. Y, w9 n+ U" T5 sif(b.is(:visible)){- T9 ?% _% U& x. f. x4 d3 N
c.fadein(500).addclass(in);b.hide()
0 Y- e: ?) {3 X( v) |}else{: m, c1 o' Q: `( q) n8 e
$(#zuixin div:visible).addclass(in);; k* @& ~, l6 r* F, e* U) t
$(#zuixin div.in).next().fadein(500);* x9 {: T6 G! T% ] C. i, G' f( ^
$(div.in).hide().removeclass(in);' S( j. C& ?. L; R' |
}4 L& f1 F( j/ S' R, l8 i
},3000); //每3秒钟切换一条,你可以根据需要更改
; ^4 O+ q% A" s, s& O});
$ g, v( g) Q t+ H4 x希望本文所述对大家的jquery程序设计有所帮助。
7 ^* u* P Y1 j. f
8 o) H i6 p( m% }( h" D/ X更多网页制作信息请查看: 网页制作 |
|