3瀏覽器進入indexhtml頁面中，此時顯示出一張圖片4過1秒后，圖片自動切換為另一張圖片了；您可以使用CSS中的margintop屬性來將某個圖片位置往下移例如，如果您想將圖片往下移動20像素，可以在CSS中添加以下樣式css img margintop 20px 這將在頁面上的所有圖片上添加20像素的頂部邊距，從而將它們往下。

src=arrImgUrlnumsetIntervalTab，1000ltscriptltheadltbodyltimg id=quotimg1quot src=quotimg1jpgquot width=quot288quotltbodylthtml注意圖片放在 名稱為 img 的文件夾中，而且是格式的，否則需要修改html；你要問的是html點擊左右箭頭可以切換圖片嗎，可以根據html軟件資料，在頁面中實現的一個點擊可以進行切換圖片，點擊左右兩邊箭頭就能實現超文本標記語言，標準通用標記語言下的一個應用，html不是一種編程語言，而是一種標記；var curIndex=0時間間隔單位毫秒，每秒鐘顯示一張，數組共有5張圖片放在Photos文件夾下var timeInterval=1000var arr=new Arrayarr0=quotphotos1jpgquotarr1=quotphotos2jpgquotarr2=quotphotos3jpg；可以使用CSS的float屬性實現，只要給每張圖片設置 floatleft ，這樣圖片就會從左向右浮出，一行排滿效果就出來了另外還可以設置一些margin，用于讓圖片有合理的間隔。

html是無法設置圖片切換的，需要結合js或jquery等相關技術實現你可以百度下js或jquery實現圖片切換效果，范例代碼超級多，根據他們的修改即可；lt！DOCTYPE html lthtml lthead ltstyle bodymargin0pxpadding0px *transform就是專門為img圖片設置的旋轉* img1transformrotate90deg border1px solid red ltstyle lthead ltbody ltimg；2ltimg src=quot#quot width=quot100quot height=quot100quot style=quot marginleft10pxquot 在圖片代碼里面加上margin屬性往右移就marginleft，往左移動就marginright3給圖片加個class用相對定位做就可以了例ltstyle；lthtml 你背景圖片就設置了一個2jpg再切換也是這一張圖片啊 如果有多張圖片比如說110jpg，那就把oSbackgroundImage=#39url2jpg#39改為oSbackgroundImage=#39url#39+parseIntMathrandom * 10 + 1+#39。

這個要用javascript來實現，它是一種腳本語言你要實現的效果叫“焦點圖”，可以自行百度例如ltstyle type=quottextcssquot margin0pxpadding0px body margin 0padding 0fontsize 12pxlineheight；HTML中圖片輪播代碼如下lt！DOCTYPE htmllthtmlltheadlttitle圖片輪播代碼lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=1；1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會出現圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議使；1可以使用backgroundposition屬性設置圖片位置，具體的方法是，首先用hbuilder軟件新建一個html文件，文件的head標簽中設置輸入style標簽2然后設置body的樣式，給body加一張圖片，設置為不重復，設置backgroundposition屬性；3瀏覽器運行indexhtml頁面，此時點擊圖片會換一張圖片。