lthtml 圖片中的P標(biāo)簽里有圖片，我這里設(shè)置P區(qū)塊為寬高各100，用positionfixed定位，距離頂部100像素，右邊0像素漂浮著，zindex999就是層高，可以理解為層高越高就可以漂浮在網(wǎng)頁(yè)上面效果如下不管如何滾動(dòng)網(wǎng)頁(yè)滾動(dòng)條。

lt！滾動(dòng)代碼開(kāi)始 ltdiv id=demo style=quotOVERFLOWhiddenWIDTH560pxHEIGHT120pxquot lttable cellPadding=0 align=left border=0 cellspace=quot0quot lttr lttd id=demo11 vAlign=top lt！$GetPicPhoto3，0。

done = 0step = 1 function animyp，yk ifdocumentlayers documentlayersquotnapisquottop=ypelse documentallquotnapisquotstyletop=ypifypyk step = 1 ifyplt60 step = 1 setTimeout#39。

1 代碼windowonscroll = move頁(yè)面滾動(dòng)window的onscroll調(diào)用move方法2 函數(shù) function findPosobj獲得一個(gè)元素在頁(yè)面上的絕對(duì)位置要先獲得這個(gè)元素與父元素的相對(duì)位置再獲得父元素的父元素的相對(duì)位置， 一直循環(huán)到根。

現(xiàn)在看看marquee標(biāo)簽如何實(shí)現(xiàn)上下滾動(dòng)的html marquee標(biāo)簽的behavior屬性behavior屬性的參數(shù)值為alternatescrollslide中的一個(gè)，分別表示文字來(lái)回滾動(dòng)單方向循環(huán)滾動(dòng)只滾動(dòng)一次，需要注意的是如果在ltmarquee標(biāo)簽中同時(shí)。

這個(gè)得用到j(luò)query的一個(gè)函數(shù)叫做animate 例如我想讓某個(gè)div滾動(dòng)到右邊，即增加它左面的外邊距 $quotdivquotanimatemarginleft400px，600 600毫秒的時(shí)間將該div 的左邊距變化為400px，現(xiàn)在你需要調(diào)整速度。

你說(shuō)的是不是走馬燈的效果直接在html的頁(yè)面寫(xiě)的是用ltmarque標(biāo)簽來(lái)寫(xiě)的，例如你說(shuō)的新聞?dòng)缮现料碌臐L動(dòng)，其寫(xiě)法是ltdivltmarquee direction=top onmouseover=quotthisstopquotonmouseout=quotthisstartquotbehavior=scroll。

另外github上有些這方面的插件，樓主有需要的話可以去看看html中上下滾動(dòng)的文字代碼，舉例在要實(shí)現(xiàn)滾動(dòng)的地方，加入此代碼rrUP是向上，DOWN是向下，Left向左，Right向右r這兩個(gè)屬性決定文字滾動(dòng)的速度scrollamount和延時(shí)。

在要實(shí)現(xiàn)滾動(dòng)的地方，加入此代碼ltmarquee direction=up要輸入的文字ltmarquee UP是向上， DOWN是向下，Left向左，Right向右這兩個(gè)屬性決定文字滾動(dòng)的速度scrollamount和延時(shí)scrolldelay，參數(shù)值都是正整數(shù)如下所示。

#8194lt！DOCTYPE htmllthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta。

看見(jiàn)我定議i這個(gè)變量了嗎？你之前的代碼 不管循環(huán)多少數(shù)據(jù) marqueeContent0 這里都是0 那跟你原來(lái)的代碼對(duì)比一下 肯定是出錯(cuò)的 原來(lái)的代碼是 0 1 2 3 4 5 一次往下排的 所以用到i來(lái)循環(huán)就好了。

containerstop_roll_rollreturn constructor *示例代碼*windowonload=function new RollAd#39rollAd#39，3，4ltscriptltheadltbodyltmarquee direction=quotupquot behavior=quotscrollquot。

behavior=quotslidequot表示由一端快速滑動(dòng)到另一端，且不再重復(fù)behavior=quotalternatequot表示在兩端之間來(lái)回滾動(dòng)Height用于設(shè)定滾動(dòng)字幕的高度Width則設(shè)定滾動(dòng)字幕的寬度Hspace和vspace分別用于設(shè)定滾動(dòng)字幕的左右邊框和上下。

1首先打開(kāi)myeclipse獲取idea這樣的編輯器，在編輯器中寫(xiě)一個(gè)table標(biāo)簽，這里給出table的值2然后可以在頁(yè)面中看到此時(shí)展示的是沒(méi)有樣式的table樣板，此時(shí)所有的數(shù)據(jù)沒(méi)有經(jīng)過(guò)渲染，比較緊湊，也不是一個(gè)頁(yè)面展示3可以。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotwidth 100px height 100px overflow scrollquot測(cè)試div內(nèi)容超出用滾動(dòng)條的內(nèi)容ltdiv 3。

lt！DOCTYPElthtmlltheadltmeta。