方案一直接使用HTML的滾動(dòng)標(biāo)簽 marquee ，把圖片放入滾滾標(biāo)簽內(nèi)部，代碼如下ltmarquee ltimg src=#391jpg#39 ltimg src=#392jpg#39 ltimg src=#393jpg#39 ltimg src=#394jpg#39 ltmarquee 方案二使用第三方插件，比如swiperjs，插件。

1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代碼，鼠標(biāo)指向循環(huán)文字圖片時(shí)他們會(huì)停止?jié)L動(dòng)，鼠標(biāo)離開(kāi)時(shí)繼續(xù)滾動(dòng)給滾動(dòng)圖片加超鏈接 用lta href=和lta把ltimg包圍，并且img必須設(shè)border=0，否則圖片會(huì)出現(xiàn)邊框例子如下ltMARQUEE scrollAmount=。

tab2innerHTML=tab1innerHTMLfunction Marquee iftab2offsetWidthtabscrollLeftlt=0tabscrollLeft=tab1offsetWidth else tabscrollLeft++ var MyMar=setIntervalMarquee，speedtabonmouseover=function clearIntervalMyMartabonmouseout=function MyMar=setInterval。

lttitle圖片滾動(dòng)lttitle ltstyle type=quottextcssquot lt！ margin0padding0 content height 125pxwidth 340pxborder 1px solid #0000CCpositionabsolutetop50pxleft50px the_left backgroundcolor #eeeeeefloat leftheight 125pxwidth 20pxbackground。

在html中需要將插入的圖片左右來(lái)回移動(dòng)，只需要在圖片img標(biāo)簽外套一個(gè)marquee標(biāo)簽，在里面寫(xiě)上 behavior=alternate 這句話(huà)就可以實(shí)現(xiàn)alternate是滾動(dòng)標(biāo)簽ltmarquee的屬性scrolldelay，滾動(dòng)延時(shí)，用于設(shè)定兩次滾動(dòng)操作之間的間隔時(shí)間，該時(shí)間以毫秒為單位behavior，滾動(dòng)方式alternate 表示在兩端之間。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁(yè)面中，此時(shí)顯示出一張圖片4過(guò)1秒后，圖片自動(dòng)切換為另一張圖片了。

素材的準(zhǔn)備為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的同理，準(zhǔn)備了一些與網(wǎng)頁(yè)主題密切相關(guān)的圖片，用于做為實(shí)現(xiàn)圖片滾動(dòng)效果的素材打開(kāi)Dreamweaver8，新建一網(wǎng)頁(yè)文件，并保存為名為“indexhtmlquot文件切換至代碼編輯界面，輸入如下代碼ltbodyltdiv id=quotphoto。

你說(shuō)的應(yīng)該是輪播圖吧，這需要配合JavaScript知識(shí)給你具體代碼圖片自己更換lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotltmeta。

圖片滾動(dòng)，實(shí)際上就是設(shè)置的一段時(shí)間之后切換下展示的圖片附件為完整的例子代碼展示lt！DOCTYPE html lthtml xmlns=quot lthead ltmeta。

class=quotnavquotltdiv中間添加ltulltul，在ltul內(nèi)添加ltli標(biāo)簽，ltli內(nèi)同時(shí)添加lta標(biāo)簽，方便連接導(dǎo)航跳轉(zhuǎn)3在新建的ltalta內(nèi)，添加橫向?qū)Ш揭@示的內(nèi)容4在lttitlelttitle下方添加一個(gè)ltstyle type=quottextcssquotltstyle5源文件html保存后，使用瀏覽器打開(kāi)預(yù)覽效果。

以三張圖為例做一個(gè)旋轉(zhuǎn)木馬如果最終值設(shè)置為100%，問(wèn)題是從最后一個(gè)到第一個(gè)的切換中沒(méi)有動(dòng)畫(huà)試試從最后一張圖到第一張圖的動(dòng)畫(huà)時(shí)間，但是中間的切換效果是從最后一張圖向右滑動(dòng)，直到顯示第一張圖，反人類(lèi)，不好看但是，通過(guò)嘗試在最后一張之后添加與第一張相同的圖片，可以達(dá)到循環(huán)效果。

下面是可配置輪播動(dòng)畫(huà)代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng) 2幕布式 3左右滾動(dòng)4淡入淡出 time 5000， 間隔時(shí)間 speed500， 動(dòng)畫(huà)快慢 dot_texttrue，按鈕上有無(wú)序列號(hào) var opts=$extenddefaults，optionsvar $this。

HTML中圖片輪播代碼如下lt！DOCTYPE htmllthtmlltheadlttitle圖片輪播代碼lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=10，userscalable=0quotltheadltstyle type=quottextcssquot bodymaxwidth。

第一種把如下代碼加入ltbody區(qū)域中 ltbody onclick=Clicked ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒狀收縮“theeffects1 = “盒狀向外“theeffects2 = “圓形收縮“theeffects3 = “圓形向內(nèi)“theeffects4 = “從下向上。

我大概理解到了你的意思，是想實(shí)現(xiàn)背景的視覺(jué)差效果吧如果是這個(gè)的話(huà)兩種方法，一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺(jué)應(yīng)該是你想要的效果了你說(shuō)的這個(gè)是單頁(yè)面效果我給你個(gè)網(wǎng)址上面有好多這樣的。

圖片循環(huán)顯現(xiàn) ltSCRIPT LANGUAGE=quotJavaScriptquot lt！ Begin var interval = 25 delay between rotating images in secondsvar random_display = 1 0 = no， 1 = yes interval *= 1000var image_index = 0image_list = new Arrayimage_listimage_index++ = new image。

在DreamWeaver中實(shí)現(xiàn)滑動(dòng)切換圖片效果，可以使用‘鼠標(biāo)經(jīng)過(guò)圖像’功能來(lái)實(shí)現(xiàn)，也可以用CSS控制來(lái)實(shí)現(xiàn)現(xiàn)在具體講一下CSS控制實(shí)現(xiàn)圖片切換效果首先制作一個(gè)ID為abc的p寬度50px高度50px在abc里面隨便打一個(gè)字設(shè)置一個(gè)空鏈接然后定義abc寬度50px高度50pxa標(biāo)簽的塊形式代碼如下styletype=quottext。

1素材的準(zhǔn)備為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的2在電腦上找到并且打開(kāi)Dreamweaver8，重新建立一個(gè)網(wǎng)頁(yè)文件，并且把網(wǎng)頁(yè)文件保存，且命名為“indexhtmlquot文件3在完成網(wǎng)頁(yè)文件保存和命名為“indexhtmlquot文件以后，切換至代碼編輯界面，輸入相應(yīng)的。