從右開始倒是實現了，但是想不通怎么讓上一張圖片在滾動的同時還存在，(看看怎么解決)

Document

*{

margin: 0;

padding: 0;

}

ul,li{

list-style-type: none;

}

ul{

width:100%;

height:400px;

overflow: hidden;

position: relative;

}

li{

position: absolute;

width: 100%;

height: 100%;

z-index: 1;

overflow: hidden;

}

img{

width: 100%;

height: 100%;

}

li div{

opacity: 0;

-webkit-transform: translate3d(100%, 0, 0);

transform: translate3d(100%, 0, 0);

}

li .fadeInRight {

opacity: 1;

-webkit-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

transition: 2s ease-in-out;

z-index: 3;

}

;

$(function() {

var li = $(".lunBoBox li")

var aa = 0;

var liWidth = $(".lunBoBox li").width()

var timer = setInterval(function() {

aa++;

if (aa >= li.length) {

aa = 0;

}

move()

}, 3000)

function move() {

$(".lunBoBox li").find('div').removeClass('fadeInRight')

$(".lunBoBox li").eq(aa).find('div').addClass('fadeInRight')

}

})

總結

以上是生活随笔為你收集整理的html图片往左,如何用js把一张图片由右向左展开？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。