滾動(dòng)圖片制作方法

《滾動(dòng)圖片制作方法》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、滾動(dòng)圖片制作方法代碼如下：代碼說(shuō)明：1）、direction=right是移動(dòng)的方向，可以更改為如下方向。??????????????上：up????????????????????下：down??????????????????左：right?????????????????右：left??????scrollamount=5是向下（上、左、右）移動(dòng)速度，可以調(diào)整，一般設(shè)

2、置在1-5的范圍內(nèi)比較好.2）、大家也可以把代碼合起來(lái)用，設(shè)置成上和下對(duì)應(yīng)，或者左右對(duì)應(yīng)的形式。3）、代碼中的圖片可以設(shè)置成多張，形成連續(xù)的滾動(dòng)效果。代碼如下：?

3、dth=160border=0>4）、滾動(dòng)圖片制作成功后，可以用定位代碼使之定位在博客頁(yè)面的任意位置，也可同時(shí)加入隨屏滾動(dòng)代碼，在拉動(dòng)滾動(dòng)條的同時(shí)，隨滾動(dòng)條的移動(dòng)而移動(dòng)，在頁(yè)面的相對(duì)位置不變。?——定位在頁(yè)面固定位置代碼如下：

4、t>定位坐標(biāo)RIGHT:300px和TOP:100px分別表示距離屏幕右邊緣和上邊緣的的距離，其具體數(shù)值可根據(jù)實(shí)際需求而定。7?——隨屏滾動(dòng)代碼如下：

5、DER-RIGHT:mediumnone;BORDER-TOP:mediumnone;FILTER:progid:DXImageTransform.Microsoftpadding:8px;;LEFT:expression_r((document.body.scrollLeft)+(document.body.clientWidth)-980);BORDER-LEFT:mediumnone;BORDER-BOTTOM:mediumnone;POSITION:absolute;;TOP:expression_r((document.bod

6、y.scrollTop)+(document.body.clientHeight)-200);TEXT-ALIGN:center">

7、>關(guān)于定位坐標(biāo)-980和-200的說(shuō)明：1、clientWidth后面負(fù)數(shù)的絕對(duì)值越大越靠近左側(cè)。2、clientHeight后面負(fù)數(shù)的絕對(duì)值越大越靠近上部。?代碼添加方法：１，控制面板----自定義設(shè)置----首頁(yè)內(nèi)容維護(hù)----定義空白模板----新建,創(chuàng)建模塊標(biāo)題，顯示源代碼粘貼代碼--保存并返回；２，控制面板----定制我的首頁(yè)----點(diǎn)添加模塊----點(diǎn)選創(chuàng)建好的模塊標(biāo)題---勾上點(diǎn)擊最下面的選取，（頁(yè)面刷新后，鼠標(biāo)點(diǎn)住一側(cè)模塊標(biāo)題上，可上下移動(dòng)新建面板位置）--最后點(diǎn)擊保存設(shè)置。做第二步的目的是將

8、建立好的模塊在博客個(gè)人首頁(yè)里呈現(xiàn)出來(lái)。?附加：圖片左右重復(fù)滾動(dòng)代碼?代碼如下：（效果點(diǎn)擊：圖片左右重復(fù)滾動(dòng)效果）