在新建的樣式表文件#34MyStylecss”文件中輸入如下代碼 * padding0 margin0 #160#160#160*設(shè)置所有對(duì)像的內(nèi)邊距為0* body textaligncenter #160#160*設(shè)置頁(yè)面居中對(duì)齊* #photolist * 6張圖片的寬度包含寬度paddingborder圖片間的留白。

2加入onmouseover=stoponmouseout=start代碼，鼠標(biāo)指向循環(huán)文字圖片時(shí)他們會(huì)停止?jié)L動(dòng)，鼠標(biāo)離開(kāi)時(shí)繼續(xù)滾動(dòng)給滾動(dòng)圖片加超鏈接用和 把包圍，并且img必須設(shè)border=0，否則圖片會(huì)出現(xiàn)邊框例子如下圖片從右到左滾動(dòng)圖片從下到上滾動(dòng)帶有超鏈接的圖片實(shí)現(xiàn)滾動(dòng)效果 怎樣在網(wǎng)頁(yè)中讓圖片連續(xù)滾動(dòng)，在什么地。

1在html編輯器軟件內(nèi)，新建html頁(yè)面，一般我們常使用的兩款編輯器是HBuilder和Adobe Dreamweaver，這里我使用的軟件是HBuilder2在添加，于中間添加，在內(nèi)添加標(biāo)簽，內(nèi)同時(shí)添加標(biāo)簽，方便連接導(dǎo)航跳轉(zhuǎn)3在新建的內(nèi)，添加橫向?qū)Ш揭@示的內(nèi)容4在下方添加一個(gè)5源文件html保存后，使用瀏。

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

網(wǎng)頁(yè)中的滾動(dòng)圖片的代碼有上下左右四個(gè)方向，分別是 lt lt向上滾動(dòng)代碼開(kāi)始 lt。

else demoscrollLeft++ 向左 var MyMar=setIntervalMarquee，speeddemoonmouseover=functionclearIntervalMyMar demoonmouseout=functionMyMar=setIntervalMarquee，speed 向右滾動(dòng)，其實(shí)代碼差不多，就一個(gè)地方不一樣 var speed=30 demo2innerHTML=demo1innerHTML。

1選中要插入滾動(dòng)的文字或圖片2單擊“插入標(biāo)簽”3在該對(duì)話框中選擇marquee標(biāo)簽4在代碼中設(shè)置為ltmarquee onmouseover=thisstop onmouseout=thisstart direction=left scrollamount=1 height=14 scrolldelay=1 width=500 滾動(dòng)內(nèi)容文字也可以 插入表格也可以，圖片也可以。

lt！滾動(dòng)代碼開(kāi)始 lt！$GetPicPhoto3，0，True，0，12，F(xiàn)alse，F(xiàn)alse，0，1，1，130，90，20，0，True，12 ltSCRIPT var speed=15 demo12innerHTML=demo11innerHTML function Marquee11 ifdemo12offsetWidthdemoscrollLeftlt=0demoscrollLeft=demo11offsetWidth el。

注釋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)圖片加超鏈接 用和把包圍，并且img必須設(shè)border=0，否則圖片會(huì)出現(xiàn)邊框例子如下ltMARQUEE scrollAmount=3 loop=infinite de。

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)的。

ltmarquee 附循環(huán)滾動(dòng)基本語(yǔ)法 ltmarquee ltmarquee 移動(dòng)屬性的設(shè)置 ，這種移動(dòng)不僅僅局限于文字，也可以應(yīng)用于圖片，表格等等 方向 ltdirection=# #=left， right ，up ，down ltmarquee direction=left從右向左移ltmarquee 方式 ltbihavior=# #=scroll， slide， alternate ltmarquee。

setInterval 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval 被調(diào)用或窗口被關(guān)閉由 setInterval 返回的 ID 值可用作 clearInterval 方法的參數(shù)語(yǔ)法 setIntervalcode，millisec，quotlangquot參數(shù) code 必需要調(diào)用的函數(shù)或要執(zhí)行的代碼串millisec 必須周期性執(zhí)行或調(diào)用 code 之間的時(shí)。

lt！下面是向上滾動(dòng)代碼 var speed=30 butong_net_top2innerHTML=butong_net_top1innerHTML 克隆butong_net_top1為butong_net_top2 function Marquee1 當(dāng)滾動(dòng)至butong_net_top1與butong_net_top2交界時(shí) ifbutong_net_。

下面的圖片滾動(dòng)代碼僅用于html網(wǎng)頁(yè)中，分別可以向上向下向左向右的滾動(dòng)把下面此代碼插入html網(wǎng)頁(yè)的lt body中就可以了lt！下面是向上滾動(dòng)代碼 var speed=30 這個(gè)是速度值越大速度越慢 butong_net_top2innerHTML=butong_net_top。

lt！多個(gè)圖片從這開(kāi)始循環(huán)。