1、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)；ltmarquee 這里可以放文字，也可以放圖片代碼ltmarquee 示例文字滾動(dòng)ltmarquee文字ltmarquee 圖片滾動(dòng)ltmarqueeltmarquee 謝謝采采納；2編寫自定義的JavaScript函數(shù)move，用于實(shí)現(xiàn)無(wú)間斷的圖片循環(huán)滾動(dòng)效果speed數(shù)值越大圖片滾動(dòng)的越快，具體代碼如下 var speed=30 設(shè)置間隔時(shí)間 marquePic2innerHTML=marquePic1innerHTMLvar demo=。

2、2加入onmouseover=stoponmouseout=start代碼，鼠標(biāo)指向循環(huán)文字圖片時(shí)他們會(huì)停止?jié)L動(dòng)，鼠標(biāo)離開時(shí)繼續(xù)滾動(dòng)給滾動(dòng)圖片加超鏈接用和 把包圍，并且img必須設(shè)border=0，否則圖片會(huì)出現(xiàn)邊框例子如下圖片從右到左滾動(dòng)圖片從；lt！下面是向上滾動(dòng)代碼 var speed=30 butong_net_top2innerHTML=butong_net_top；圖片向左無(wú)縫滾動(dòng) lt！ demo background #FFFoverflowhiddenborder 1px dashed #CCCwidth 500px demo img border 3px solid #F2F2F2 indemo float leftwidth 800% demo1 float；方法1直接在body里面加上屬性scroll 代碼如lt body scroll=“no” 方法2使用樣式表overflow 代碼如htmloverflowhidden我采用了這個(gè)，滾動(dòng)條就消失了，最開始一直誤以為是頁(yè)面里面的div高度不當(dāng)導(dǎo)致出現(xiàn)的；切換至代碼編輯界面，輸入如下代碼 bodydiv id=#34photolist#34 ul id=#34scroll#34 lia href=#34##34img src=#34images1jpg#34 width=#34100px#34 height=#34100px#34。

3、lt div id=quotimgquot style=quotpositionabsolutequot lt a href=quot#quot target=quot_blankquot lt img src=quottestgifquot lt a lt div lt SCRIPT LANGUAGE=quotJavaScript12quot lt ！ Begin var xPos = 20var yPos；thumbs_wrapperchildrenfirst 每個(gè)縮略圖占據(jù)180像素的寬度和3像素的邊距定義變量 finalW = thumbsfindimglength$thumbsfindimg thumbsCSS寬度，最終 px 此元素正在滾動(dòng)makeScrollable$thumbs_wrapper。

4、最后要注意以上代碼要求Image1中的圖片大小必須超過(guò)Picture1所能顯示的范圍，而且Image1中的圖片不宜過(guò)大，否則會(huì)報(bào)錯(cuò) 本回答由提問(wèn)者推薦 舉報(bào) 答案糾錯(cuò) 評(píng)論 3 1 daviddyn 采納率61% 擅長(zhǎng) VB 電腦網(wǎng)絡(luò) 數(shù)學(xué)；2讓圖片左右滾動(dòng)的代碼，如下ltmarquee behavior=quotscroll左右滾動(dòng)quot scrollamount速度=quot2quot loop這是顯示循環(huán)次數(shù)代表循環(huán)10次=quot10quotdirection=quotleft這表示圖片從左往右開始quot width在多大寬度的容器里顯示=quot；在新建的樣式表文件quotMyStylecss”文件中輸入如下代碼 padding0 margin0 *設(shè)置所有對(duì)像的內(nèi)邊距為0*body textaligncenter *設(shè)置頁(yè)面居中對(duì)齊*#photolist * 6張圖片的寬度包含寬度；方案一直接使用HTML的滾動(dòng)標(biāo)簽 marquee ，把圖片放入滾滾標(biāo)簽內(nèi)部，代碼如下ltmarquee ltmarquee 方案二使用第三方插件，比如swiperjs，插件；向上滾動(dòng)首先要把向右滾動(dòng)代碼中的“direction=right”改為“direction=up”，把“width=600”該為“width=170”在marquee和marquee之間輸入代碼 “DIV align=centerIMG src=#34圖片網(wǎng)址1#34 width=300 border=0。

5、8在代碼第一個(gè)marque，e得后面敲空格，選擇direction雙擊9接下來(lái)設(shè)置滾動(dòng)速度在“up”后在敲空格，選擇scrolldelay wps怎樣把長(zhǎng)圖轉(zhuǎn)換為左右滑動(dòng)的圖用HTML，頁(yè)頭加入自適應(yīng)屏幕寬度代碼，就可以在任何設(shè)備設(shè)備上實(shí)現(xiàn)；窗體上添加兩個(gè)同樣大小的Picture控件Picture1Picture2，再添加HScrollBar滾動(dòng)條，ID為HScroll1 ，添加VScrollBar滾動(dòng)條，ID為VScroll1\x0d\x0a添加如下代碼\x0d\x0aPrivate Sub Form_Load\x0d\x0aPicture2。