網(wǎng)站中，有時為了更好的利用有限的頁面空間展示更多的內(nèi)容，也為了豐富網(wǎng)站頁面自身的表現(xiàn)樣式，我們往往會用到圖片滾動的效果想要實(shí)現(xiàn)這種效果，只需要在想要顯示的表格或網(wǎng)頁中加入以下代碼即可實(shí)現(xiàn)ltdiv id=demo style=quot。

這個叫quot圖片無縫滾動quot，代碼如下，你自己調(diào)試一下哦ltdiv id=quotdemoquot style=quotoverflowhiddenheight500pxwidth120px border1px solid #dde5bc overflowhiddenfloatleftquot ltdiv id=demo1 ltimg src=quotimages。

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

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

1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代碼，鼠標(biāo)指向循環(huán)文字圖片時他們會停止?jié)L動，鼠標(biāo)離開時繼續(xù)滾動給滾動圖片加超鏈接 用lta href=和lta把ltimg包圍。

打開Dreamweaver8，新建一網(wǎng)頁文件，并保存為名為“indexhtmlquot文件切換至代碼編輯界面，輸入如下代碼ltbodyltdiv id=quotphotolistquot ltul id=quotscrollquot ltlilta href=quot#quotltimg src=quotimages1jpgquot width=quot。