jquery實現(xiàn)簡單的自動播放幻燈片效果
更新時間：2015年06月13日 13:41:57 作者：不吃皮蛋
這篇文章主要介紹了jquery實現(xiàn)簡單的自動播放幻燈片效果,較為詳細的介紹了html頁面布局、css樣式設置及jQuery控制自動播放幻燈的相關技巧,需要的朋友可以參考下
本文實例講述了jquery實現(xiàn)簡單的自動播放幻燈片效果。分享給大家供大家參考。具體實現(xiàn)方法如下：
html部分：
<div id="slideshow"> <div> <img src="images/5224/5658667829_2bb7d42a9c_m.jpg"> </div> <div> <img src="images/5230/5638093881_a791e4f819_m.jpg"> </div> <div> Pretty cool eh? This slide is proof the content can be anything. </div> </div>
CSS部分：
/* Slides need to be absolutely positioned within the wrapper.
This has a tiny bit of extra pizazz: */
#slideshow {
margin: 50px auto;
position: relative;
width: 240px;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
jQuery部分：
//Run after DOM is ready.
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
這篇文章主要介紹了jQuery實現(xiàn)的瀑布流加載效果,結合實例形式分析了jQuery基于數(shù)學運算與事件響應實現(xiàn)頁面瀑布流加載的功能,需要的朋友可以參考下2016-09-09
jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
這篇文章主要介紹了jquery序列化form表單,使用ajax提交后處理返回的json數(shù)據(jù)的示例,需要的朋友可以參考下2014-03-03
jQuery動態(tài)加載css文件實現(xiàn)方法
使用jQuery來加載一個外部的 css 文件，首先創(chuàng)建一個 link 元素，并將它添加到 標記中即可。那么基于jquery代碼如何實現(xiàn)呢？下面小編給大家介紹jQuery動態(tài)加載css文件實現(xiàn)方法，需要的朋友參考下吧2016-06-06
jQuery中(function($){})(jQuery)詳解
本文通過具體示例向大家詳細介紹了jQuery中的(function($){})(jQuery)的用法和意義，對此有相同困惑的小伙伴可以參考下本文。2015-07-07
jQuery EasyUI API 中文文檔 搜索框 SearchBox 搜索框使用介紹，需要的朋友可以參考下。2011-09-09
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對 IE8 的支持，大家可以先看一下。2016-04-04
如何使用jquery控制CSS樣式,并且取消Css樣式(如背景色,有實例)
使用jquery控制CSS樣式,并且取消Css樣式的一個簡單小實例，需要的朋友可以參考下2013-07-07
為了說明 JavaScript 是一門徹底的面向對象的語言，首先有必要從面向對象的概念著手 , 探討一下面向對象中的幾個概念：1.一切事物皆對象，2.對象具有封裝和繼承特性，3.對象與對象之間使用消息通信，各自存在信息隱藏2015-05-05
jQuery實現(xiàn)base64前臺加密解密功能詳解
這篇文章主要介紹了jQuery實現(xiàn)base64前臺加密解密功能,結合實例形式分析了jquery.base64.js實現(xiàn)前臺base64加密與解密功能的實現(xiàn)方法,并給出了java實現(xiàn)后臺base64加密解密的操作示例對比驗證加密效果,需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)搜索頁面關鍵字的功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02