jQueryのループスクロール表示コードをtextとpictures_jqueryに適用可能

何人かの学生が Adam Cai のコードを使用しているのを見ましたが、少し複雑で jQuery としては十分ではないようでした。 jQuery を使い始めるという考えに基づいてバージョンを作成しました。コードはあまり使用されておらず、より単純です。

オンライン デモ: http://demo.jb51.net/js/2012/jquery_xhpic/

[JavaScript] コード

コードをコピー コードは次のとおりです:

$(document).ready(function(){
$ ("# sItem li:not(:first)").css("display","none");
var B=$("#sItem li:last"); "#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"); .fadeIn( 500);
$("li.in").hide().removeClass("in")}
},3000) //3 秒ごとに 1 つ切り替え、必要に応じて変更できます
})

HTML 部分:

コードをコピー コードは次のとおりです:

• テキストまたは画像
;li>テキストまたは画像