滾動圖片制作方法

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

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

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

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

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

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

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