1、打開Dreamweaver8，新建一網(wǎng)頁(yè)文件，并保存為名為“indexhtml#34文件切換至代碼編輯界面，輸入如下代碼 bodydiv id=#34photolist#34 ul id=#34scroll#34 lia href=#34##34img src=#34i。

2、向上滾動(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。

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

4、這段代碼是從左向右無縫滾動(dòng)代碼，你直接放到放滾動(dòng)圖片的地方就行，記得設(shè)置下圖片的寬高，還有就是上面css里面設(shè)置下整個(gè)圖片滾動(dòng)區(qū)域的寬度 如何實(shí)現(xiàn)網(wǎng)頁(yè)圖片滾動(dòng)播放注釋1scrollAmount它表示速度，值越大速度越快。

5、css屬性 overflowyauto DIV里面的內(nèi)容超過DIV的高度，右邊就會(huì)自動(dòng)出現(xiàn)滾動(dòng)條 1用一個(gè)div，定制成圖中的寬度和高度 2然后再把div的樣式設(shè)成overflowyscroll，當(dāng)div里的文字超出那個(gè)高度的時(shí)候，滾動(dòng)條就出來了。

6、主要兩個(gè)部分，一是滾動(dòng)內(nèi)容部分二JS的滾動(dòng)代碼部分，也只有兩句話一傳統(tǒng)的滾動(dòng)代碼 用Javascript實(shí)現(xiàn)新聞內(nèi)容的水平滾動(dòng)Ctrl+A 全選 注如需引入外部Js需刷新才能執(zhí)行傳統(tǒng)的滾動(dòng)代碼應(yīng)用效果比較單一，而且經(jīng)常。

7、ltmarqueeltmarquee標(biāo)簽的width 屬性用于設(shè)置內(nèi)容滾動(dòng)背景寬度 ltmarqueeltmarquee標(biāo)簽的height屬性用于設(shè)置內(nèi)容滾動(dòng)背景高度 修改marhtm網(wǎng)頁(yè)文件，編寫代碼如代碼416所示 代碼416 文字滾動(dòng)的設(shè)置。

8、CSS樣式有點(diǎn)丑，湊活著看吧bar positionrelative width20px height380px floatright background#ccc borderradius5px display #topBtn width20px height。

9、lt！向右滾動(dòng)代碼開始 ltDIV style=quotWIDTH 604px HEIGHT 120px OVERFLOW hiddenquot id=demo ltTABLE border=0 cellPadding=0 align=left cellspace=quot0quot ltTBODY ltTR ltTD id=demo1 vAlign=top ltTABLE。

10、這個(gè)標(biāo)記就是Marquee標(biāo)記，中文翻譯為“跑馬燈”IE30以上版本的瀏覽器中支持這個(gè)HTML標(biāo)記，而NetScape則不支持因此我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要考慮這個(gè)問題Marquee標(biāo)記的基本語法結(jié)構(gòu)如下所示其中ALIGN可以用來指定滾動(dòng)字幕與。

11、2在里聲明 bodybackgroundattachment fixedbackgroundimage urlimga3jpg 3現(xiàn)在背景設(shè)置好了，加入內(nèi)容，看看效果在內(nèi)寫入內(nèi)容運(yùn)行滾動(dòng)鼠標(biāo)圖片是不是不動(dòng)的4點(diǎn)擊運(yùn)行點(diǎn)擊文件，新建。

12、現(xiàn)在要介紹的是一種新型的滾動(dòng)，利用JS的方法來做字幕的滾動(dòng)向上，在中間停頓一到兩秒就像經(jīng)典的這種將以下代碼貼到您要顯示的位置就可以了以上已經(jīng)將網(wǎng)站的這種滾動(dòng)的做法做了一個(gè)大概的介紹具體效果可以看。

13、首先，我們要明白滾動(dòng)文字其實(shí)也只是一對(duì)標(biāo)記ltmarqueeltmarquee ，所以，我們可以在他下面加入其他標(biāo)記，如，熟悉網(wǎng)頁(yè)設(shè)計(jì)的都知道網(wǎng)頁(yè)排版就是用表格，所以，在表格下面加入背景圖片顏色鏈接是絕對(duì)可以的。