Jquery 動畫-無限循環滾動

時間 2021-01-30

標籤 css app ide this spa input function 欄目 JQuery 简体版

原文原文鏈接

實現功能：css

一、當點擊按鈕的時，元素切換，切換到最後一個時，會自動切換回第一個，而後繼續循環切換！app

Jquery代碼：ide

$(document).ready(function(){this

$("#bb").click(function(){spa

$(".scroll ul").animate({ip

marginRight:"-25px"input

},100,function(){it

$(this).css({marginRight:"0px"}).find("li:first").appendTo(this);io

}); function

});

</script>

HTML代碼：

<body>

<ul>

</ul>

</div>

</body>

CSS代碼：

<!--

.scroll ul {

margin: 0px;

list-style-type: none;

padding: 0px;

}

.scroll ul li {

height: 50px;

width: 50px;

float: left;

display: block;

line-height: 50px;

text-align: center;

}

.scroll {

float: left;

width: 50px;

height: 50px;

overflow: hidden;

}

-->

</style>

-----上傳了源文件，有須要的本身下載下來看看吧！

相關標籤/搜索