1首先，您需要?jiǎng)?chuàng)建一個(gè)html2同時(shí)，您需要?jiǎng)?chuàng)建一個(gè)CSS文檔3CSS文檔的后綴名必須為CSS，比如我們創(chuàng)建一個(gè)indexcss文檔這一點(diǎn)很重要4引入CSS文檔HTML里就可以移動(dòng)圖片位置，方法很簡(jiǎn)單。

2在indexhtml中的img標(biāo)簽，輸入html代碼style=margin15px20px25px30px2在indexhtml標(biāo)簽，并輸入html代碼style=quot邊距15px20px25px30pxquot3瀏覽器運(yùn)行indexhtml頁(yè)面此時(shí)，圖片已經(jīng)成功移動(dòng)到左。

1新建一個(gè)文件夾，用來(lái)存放網(wǎng)頁(yè)文件和圖片，快捷鍵ctrl+shift+n2進(jìn)入新建文件夾里面，右鍵新建文本文檔3進(jìn)入新建的文本文檔，復(fù)制下方代碼，點(diǎn)擊快捷鍵ctrl+s保存后退出lt！doctype html lthtml lthead ltmeta。

叫做animate 例如我想讓某個(gè)div滾動(dòng)到右邊，即增加它左面的外邊距 $quotdivquotanimatemarginleft400px，600 600毫秒的時(shí)間將該div 的左邊距變化為400px，現(xiàn)在你需要調(diào)整速度，改變后面一個(gè)時(shí)間參數(shù)的值即。

zhuanti=new Arrayimgcount=1frequency=10*100030秒 在這里修改圖片的路徑和鏈接 zhuanti1=new ztstr#391#39，#39gif#39，#39#39。

圖片向左無(wú)縫滾動(dòng) ltstyle type=quottextcssquot lt！ demo background #FFFoverflowhiddenborder 1px dashed #CCCwidth 500px demo img border 3px solid #F2F2F2 indemo float leftwidth。

ltmarquee direction=quotupquotlt！direction=可以定義圖片滾動(dòng)的方向 ltimg src=quot路徑quot height=quot200quot width=quot300quot lt！height和width是定義圖片的大小 ltmarquee 看看是不是你想要的模式。

lt！DOCTYPE HTML lthtml lthead ltmeta charset=UTF8 lttitleYuGiOhlttitle ltstyle type=quottextcssquot * margin0 padding0 #div position absolute top 50。

直接搜索下js輪播，jq輪播先定位圖片定時(shí)圖片切換加上按鈕執(zhí)行點(diǎn)擊切換鼠標(biāo)移入圖片范圍時(shí)停止切換，離開(kāi)時(shí)接著切換。

鼠標(biāo)多次懸浮后速度越來(lái)越快是因?yàn)?，每懸浮一次就增加了一個(gè)setInterval，div2左移動(dòng)的數(shù)度不斷的+一個(gè)speed，在a函數(shù)里加個(gè)判斷就行了 function a if！timer 如果定時(shí)器未定義才設(shè)置定時(shí)器setIntervaltimer = set。

給每張圖片外面加一個(gè)a標(biāo)簽，例如lta href=quot鏈接的地址quotltimg src=quot19U86P4T8D4F107DT06jpgquot width=200 height=233lta。

2ltimg src=quot#quot width=quot100quot height=quot100quot style=quot marginleft10pxquot 在圖片代碼里面加上margin屬性往右移就marginleft，往左移動(dòng)就marginright3給圖片加個(gè)class用相對(duì)定位做就可以了例ltstyle。

像新聞那樣嗎有個(gè)插件touchScrolljs如果你要做的話(huà)，兩張也簡(jiǎn)單，用setInterval，控制自動(dòng)交替，然后注冊(cè)點(diǎn)擊事件，應(yīng)該蠻簡(jiǎn)單。

ltbody ltmarquee普通卷動(dòng)ltimg src=quotimages陳璘pngquot ltmarqueelt！這就是連續(xù)移動(dòng)了，搜索htnl跑馬燈效果就有很多出來(lái)了 ltmarquee behavior=slide滑動(dòng)ltimg src=quotimages圖片地址璘pngquot ltmarqueelt。

自動(dòng)移動(dòng)，目前css3是有這樣的效果的，叫做css3動(dòng)畫(huà) 給你一個(gè)示例 你要注意的一點(diǎn)是目前這個(gè)只能支持最低為IE10及以上版本才能夠運(yùn)行的哦 Chrome 和 Safari 需要前綴 webkit本答案出自“我要編程”軟件開(kāi)發(fā)師訓(xùn)練平臺(tái)。

用hover偽類(lèi)來(lái)做 做好是給圖片加以個(gè)lta標(biāo)簽，然后對(duì)lta標(biāo)簽設(shè)置hover 例如一個(gè)圖片ltimg src=#39examplejpg#39 width=#39100#39 height=#39100#39 alt=#39舉例#39 移上去的圖片叫hoverjpg 兩個(gè)圖片大小一樣 改寫(xiě)成 lta href=。