要讓圖片在網(wǎng)頁(yè)中自動(dòng)滑動(dòng)，可以使用CSS動(dòng)畫或JavaScript來實(shí)現(xiàn)。以下是使用CSS動(dòng)畫和JavaScript分別實(shí)現(xiàn)圖片自動(dòng)滑動(dòng)的方法：

使用CSS動(dòng)畫：

在HTML文件中，使用元素將圖片插入到網(wǎng)頁(yè)中，給該元素一個(gè)唯一的ID作為標(biāo)識(shí)符，例如：。

在CSS文件中，使用@keyframes規(guī)則創(chuàng)建一個(gè)動(dòng)畫序列，定義圖片的滑動(dòng)效果，例如：

@keyframes spde {
    from {margin-left: 0;}
    to {margin-left: -100%;}
}

在上述例子中，圖片在動(dòng)畫序列開始時(shí)的margin-left屬性為0，結(jié)束時(shí)為-100%，即向左滑動(dòng)100%的寬度。 3. 在CSS文件中，將動(dòng)畫序列應(yīng)用于圖片：

#myImage {
    animation: spde 5s infinite;
}

上述例子中，圖片將會(huì)以5秒的時(shí)間完成一次滑動(dòng)動(dòng)畫，并且動(dòng)畫會(huì)無限循環(huán)。

使用JavaScript：

在HTML文件中，使用元素將圖片插入到網(wǎng)頁(yè)中，給該元素一個(gè)唯一的ID作為標(biāo)識(shí)符，例如：。

在JavaScript文件中，使用window.setInterval()函數(shù)創(chuàng)建一個(gè)定時(shí)器，使圖片在一定時(shí)間間隔內(nèi)滑動(dòng)一定距離，例如：

var image = document.getElementById("myImage");
var marginLeft = 0;

window.setInterval(function() {
    marginLeft -= 10; // 每次滑動(dòng)的距離
    image.style.marginLeft = marginLeft + "px";
}, 100); // 每100毫秒滑動(dòng)一次

在上述例子中，圖片每100毫秒向左滑動(dòng)10個(gè)像素。

以上是兩種常用的方法，可以根據(jù)具體需求選擇適合的方法實(shí)現(xiàn)圖片的自動(dòng)滑動(dòng)效果。