ホームページ > 記事 > ウェブフロントエンド > jQueryのループスクロール表示コードをtextとpictures_jqueryに適用可能
jQueryのループスクロール表示コードをtextとpictures_jqueryに適用可能
- WBOYオリジナル
- 2016-05-16 17:53:44954ブラウズ
何人かの学生が 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 つ切り替え、必要に応じて変更できます
})
コードをコピー コードは次のとおりです:
- テキストまたは画像 ;li>テキストまたは画像
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。