欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery循環(huán)滾動(dòng)展示代碼 可應(yīng)用到文字和圖片上

 更新時(shí)間：2012年05月11日 17:09:39   作者：  
循環(huán)滾動(dòng)展示的文字和圖片每個(gè)人都見過(guò)，實(shí)現(xiàn)類似效果的 JS 也很多。但如果只用于幾個(gè)條目或三五張圖片，體積龐大的 JS 會(huì)浪費(fèi)資源
看見有的同學(xué)用 Adam Cai 的代碼，感覺稍顯復(fù)雜而且不夠 jQuery。我用只依靠 jQuery 入門的思路寫了一版，代碼更少使用也更簡(jiǎn)單。

在線演示： http://demo.jb51.net/js/2012/jquery_xhpic/

[JavaScript]代碼
復(fù)制代碼 代碼如下:

$(document).ready(function(){
$("#sItem li:not(:first)").css("display","none");
var B=$("#sItem li:last");
var C=$("#sItem li:first");
setInterval(function(){
if(B.is(":visible")){
C.fadeIn(500).addClass("in");B.hide()
}else{
$("#sItem li:visible").addClass("in");
$("#sItem li.in").next().fadeIn(500);
$("li.in").hide().removeClass("in")}
},3000) //每3秒鐘切換一條，你可以根據(jù)需要更改
})

HTML 部分：
復(fù)制代碼 代碼如下:

<ul id="sItem">
<li>文字或圖片</li>
<li>文字或圖片</li>
<li>文字或圖片</li>
</ul>

相關(guān)文章

最新評(píng)論