jquery實現(xiàn)翻動fadeIn顯示的方法
更新時間:2015年03月05日 11:34:01 作者:Arata
這篇文章主要介紹了jquery實現(xiàn)翻動fadeIn顯示的方法,實例分析了jQuery中fadeIn方法的使用技巧,需要的朋友可以參考下
本文實例講述了jquery實現(xiàn)翻動fadeIn顯示的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
$(function() {
//翻動顯示
$("#zuixin div:not(:first)").css("display","none");
var B=$("#zuixin div:last");
var C=$("#zuixin div:first");
setInterval(function(){
if(B.is(":visible")){
C.fadeIn(500).addClass("in");B.hide()
}else{
$("#zuixin div:visible").addClass("in");
$("#zuixin div.in").next().fadeIn(500);
$("div.in").hide().removeClass("in");
}
},3000); //每3秒鐘切換一條,你可以根據(jù)需要更改
});
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery實現(xiàn)郵箱下拉列表自動補全功能
- jQuery實現(xiàn)文本框郵箱輸入自動補全效果
- jQuery實現(xiàn)Email郵箱地址自動補全功能代碼
- jquery 實現(xiàn)輸入郵箱時自動補全下拉提示功能
- 使用jquery實現(xiàn)仿百度自動補全特效
- jquery實現(xiàn)郵箱自動補全功能示例分享
- PHP+jQuery實現(xiàn)自動補全功能源碼
- jQuery 插件autocomplete自動完成應用(自動補全)(asp.net后臺)
- jQuery實現(xiàn)Flash效果上下翻動的中英文導航菜單代碼
- jQuery仿Flash上下翻動的中英文導航菜單實例
- jQuery實現(xiàn)輸入框郵箱內(nèi)容自動補全與上下翻動顯示效果【附demo源碼下載】
相關(guān)文章
jQuery 鼠標經(jīng)過(hover)事件的延時處理示例
一般情況下,我們是不對鼠標hover事件進行延時處理。但是,有時候,為了避免不必要的干擾,常會對鼠標hover事件進行延時處理2014-04-04
Jquery的autocomplete插件用法及參數(shù)講解
今天小編就為大家分享一篇關(guān)于Jquery的autocomplete插件用法及參數(shù)講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-03-03
基于jQuery實現(xiàn)以手風琴方式展開和折疊導航菜單
這篇文章主要介紹了基于jQuery實現(xiàn)以手風琴方式展開和折疊導航菜單的相關(guān)資料,需要的朋友可以參考下2016-01-01
jquery數(shù)組之存放checkbox全選值示例代碼
使用jquery數(shù)組可以存放checkbox全選值,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12
JQuyer $.post 與 $.ajax 訪問WCF ajax service 時的問題需要注意的地方
我注意到,當在jquery中使用$.post()后,默認的contentType是application/x-www-form-urlencoded 形式進行了urlencoded - 當我的asp.net MVC代碼需要的contentType=application/json2011-09-09

