返回列表 发新帖

jquery实现翻动fadein显示的方法

273.8k 8
swmozowtfl 发表于 2015-7-9 23:15:07|湖北 | 查看全部 阅读模式
这篇文章主要介绍了jquery实现翻动fadein显示的方法,实例分析了jquery中fadein方法的使用技巧,需要的朋友可以参考下# ^4 H1 d, M: w& _: L+ C& y
本文实例讲述了jquery实现翻动fadein显示的方法。分享给大家供大家参考。具体实现方法如下:
+ s; Z/ o' ~) p7 r+ j$(function() {
  L4 {; Y+ K, F$ B5 V2 v* j1 q5 ]% `$ z8 z//翻动显示
4 P! I  m% r9 R$(#zuixin div:not(:first)).css(display,none);0 J0 W9 r1 C! c: f4 B
var b=$(#zuixin div:last);
5 L2 t2 d$ p* n: f- }  P9 O" ^var c=$(#zuixin div:first);
: f$ F" m2 z5 d4 M( Bsetinterval(function(){5 |4 b4 F+ Z# |8 R3 S
if(b.is(:visible)){
7 L, j/ {' _+ T! Y3 {c.fadein(500).addclass(in);b.hide()0 [5 ?/ `1 ^& o+ ~2 {. c
}else{+ L: S. m. r8 L% f. E
$(#zuixin div:visible).addclass(in);
( J2 P2 c, C+ f& d+ ~- _/ |$ \6 I$(#zuixin div.in).next().fadein(500);. T% H) k4 @- \) G0 u& T
$(div.in).hide().removeclass(in);
, A) j% U2 n4 @/ T}( ^6 m4 A# F7 `2 d1 N
},3000); //每3秒钟切换一条,你可以根据需要更改
3 o8 a) v( z! |) {});
. e- C& o* S1 G" p/ l希望本文所述对大家的jquery程序设计有所帮助。
, U( m8 _8 H' `0 d4 A: v6 U- u# v: E* t
8 L& C& U3 j8 R8 o& z更多网页制作信息请查看: 网页制作

回复|共 8 个

Acropozelan 发表于 2015-7-29 18:07:44|Reserved | 查看全部
不早了 明天见 各位晚安~~~~
wwdu926a 发表于 2015-7-29 18:13:03|INNA | 查看全部
机会就像水中的鱼,耐心等待就能上钩。
wwzcdenleclv 发表于 2015-7-29 18:14:55|广东 | 查看全部
真是有你的!
alapScady 发表于 2015-7-29 18:19:57|德国 | 查看全部
这是安慰我啊~~还是垮我啊???怎么感觉又被扁了啊
alapScady 发表于 2015-11-11 14:44:39|美国 | 查看全部
你还想说什么啊....
gevaemaidovef 发表于 2015-11-11 14:44:53|南非 | 查看全部
希望这样的好贴多些,再多些!!!
wwdu926a 发表于 2015-11-11 14:45:12|拉美地区 | 查看全部
都看了,这帖子有意思。
GoodyFouppy 发表于 2015-11-11 14:45:19|瑞典 | 查看全部
综上所述,恳请各位官员请勿动用武装力量请勿跨村、跨镇、跨市、跨省、跨国、跨洲、跨星球、跨银河系追捕。确因不抓不足以平民愤,或不抓就领不到薪水养家户口的公职人员,建议携带工作证

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表