本文目錄一覽：

1、網(wǎng)頁中的滾動圖片的代碼怎么寫？2、ppt如何滾動播放圖片3、如何在PPT里做出讓圖片上下滾動展示？

網(wǎng)頁中的滾動圖片的代碼怎么寫？

網(wǎng)頁中的滾動圖片的代碼有上下左右四個方向，分別是：

(資料圖片)

head

-----

/head

body

！--向上滾動代碼開始--

div id="colee"

div id="colee1"

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

/div

div id="colee2"/div

/div

script

var speed=30;

var colee2=document.getElementById("colee2");

var colee1=document.getElementById("colee1");

var colee=document.getElementById("colee");

colee2.innerHTML=colee1.innerHTML; //克隆colee1為colee2

function Marquee1(){

//當(dāng)滾動至colee1與colee2交界時

if(colee2.offsetTop-colee.scrollTop=0){

colee.scrollTop-=colee1.offsetHeight; //colee跳到最頂端

}else{

colee.scrollTop++

}

}

var MyMar1=setInterval(Marquee1,speed)//設(shè)置定時器

//鼠標(biāo)移上時清除定時器達(dá)到滾動停止的目的

colee.onmouseover=function() {clearInterval(MyMar1)}

//鼠標(biāo)移開時重設(shè)定時器

colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}

/script

!--向上滾動代碼結(jié)束--

!--下面是向下滾動代碼--

div id="colee_bottom"

div id="colee_bottom1"

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

/div

div id="colee_bottom2"/div

/div

script

var speed=30

var colee_bottom2=document.getElementById("colee_bottom2");

var colee_bottom1=document.getElementById("colee_bottom1");

var colee_bottom=document.getElementById("colee_bottom");

colee_bottom2.innerHTML=colee_bottom1.innerHTML

colee_bottom.scrollTop=colee_bottom.scrollHeight

function Marquee2(){

if(colee_bottom1.offsetTop-colee_bottom.scrollTop=0)

colee_bottom.scrollTop+=colee_bottom2.offsetHeight

else{

colee_bottom.scrollTop--

}

}

var MyMar2=setInterval(Marquee2,speed)

colee_bottom.onmouseover=function() {clearInterval(MyMar2)}

colee_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}

/script

!--向下滾動代碼結(jié)束--

div id="colee_left"

table cellpadding="0" cellspacing="0" border="0"

trtd id="colee_left1" valign="top" align="center"

table cellpadding="2" cellspacing="0" border="0"

tr align="center"

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

/tr

/table

/td

td id="colee_left2" valign="top"/td

/tr

/table

/div

script

//使用div時，請保證colee_left2與colee_left1是在同一行上.

var speed=30//速度數(shù)值越大速度越慢

var colee_left2=document.getElementById("colee_left2");

var colee_left1=document.getElementById("colee_left1");

var colee_left=document.getElementById("colee_left");

colee_left2.innerHTML=colee_left1.innerHTML

function Marquee3(){

if(colee_left2.offsetWidth-colee_left.scrollLeft=0)//offsetWidth 是對象的可見寬度

colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是對象的實際內(nèi)容的寬，不包邊線寬度

else{

colee_left.scrollLeft++

}

}

var MyMar3=setInterval(Marquee3,speed)

colee_left.onmouseover=function() {clearInterval(MyMar3)}

colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}

/script

!--向左滾動代碼結(jié)束--

!--下面是向右滾動代碼--

div id="colee_right"

table cellpadding="0" cellspacing="0" border="0"

trtd id="colee_right1" valign="top" align="center"

table cellpadding="2" cellspacing="0" border="0"

tr align="center"

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

/tr

/table

/td

td id="colee_right2" valign="top"/td

/tr

/table

/div

script

var speed=30//速度數(shù)值越大速度越慢

var colee_right2=document.getElementById("colee_right2");

var colee_right1=document.getElementById("colee_right1");

var colee_right=document.getElementById("colee_right");

colee_right2.innerHTML=colee_right1.innerHTML

function Marquee4(){

if(colee_right.scrollLeft=0)

colee_right.scrollLeft+=colee_right2.offsetWidth

else{

colee_right.scrollLeft--

}

}

var MyMar4=setInterval(Marquee4,speed)

colee_right.onmouseover=function() {clearInterval(MyMar4)}

colee_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}

/script

!--向右滾動代碼結(jié)束--

擴展資料：

代碼就是程序員用開發(fā)工具所支持的語言寫出來的源文件，是一組由字符、符號或信號碼元以離散形式表示信息的明確的規(guī)則體系。代碼設(shè)計的原則包括唯一確定性、標(biāo)準(zhǔn)化和通用性、可擴充性與穩(wěn)定性、便于識別與記憶、力求短小與格式統(tǒng)一以及容易修改等。 源代碼是代碼的分支，某種意義上來說，源代碼相當(dāng)于代碼。

現(xiàn)代程序語言中，源代碼可以書籍或磁帶形式出現(xiàn)，但最為常用格式是文本文件，這種典型格式的目的是為了編譯出計算機程序。計算機源代碼最終目的是將人類可讀文本翻譯成為計算機可執(zhí)行的二進(jìn)制指令，這種過程叫編譯，它由通過編譯器完成。

源代碼（也稱源程序），是指一系列人類可讀的計算機語言指令。

源代碼是相對目標(biāo)代碼和可執(zhí)行代碼而言的。 源代碼就是用匯編語言和高級語言寫出來的地代碼。目標(biāo)代碼是指源代碼經(jīng)過編譯程序產(chǎn)生的能被cpu直接識別二進(jìn)制代碼?？蓤?zhí)行代碼就是將目標(biāo)代碼連接后形成的可執(zhí)行文件，當(dāng)然也是二進(jìn)制的。

在現(xiàn)代程序語言中，源代碼可以是以書籍或者磁帶的形式出現(xiàn)，但最為常用的格式是文本文件，這種典型格式的目的是為了編譯出計算機程序。計算機源代碼的最終目的是將人類可讀的文本翻譯成為計算機可以執(zhí)行的二進(jìn)制指令，這種過程叫做編譯，通過編譯器完成。

參考資料：百度百科-計算機代碼

ppt如何滾動播放圖片

首先插入需要滾動的圖片，依次單擊“插入”--“圖片”--“來自文件”命令

請點擊輸入圖片描述

在打開的“插入圖片”對話框，選中需要插入的圖片，這里選取4張圖片，單擊“打開”命令按鈕

請點擊輸入圖片描述

照片插入后有可能會重疊起來，這里只需要點擊圖中所示的“橫向分布”按鈕就可以實現(xiàn)等間距橫向分布，在根據(jù)自己的需要調(diào)整圖片大小就可以了。

請點擊輸入圖片描述

請點擊輸入圖片描述

調(diào)整好圖片后就可以進(jìn)行動畫設(shè)置了，這里需要先把需要滾動的圖片進(jìn)行“組合”設(shè)置，將需要滾動播放的照片合并在一起，如圖所示。

請點擊輸入圖片描述

在“自定義動畫”里選擇“動畫效果”進(jìn)行添加“飛入”動畫效果。

請點擊輸入圖片描述

右鍵點擊“飛入”動畫效果選擇“效果”選項進(jìn)行滾動動畫設(shè)置。

請點擊輸入圖片描述

在“飛入”效果對話框中以此選擇“效果”-“方向”-“自右側(cè)”。

請點擊輸入圖片描述

在“飛入”計時對話框中以此選擇“速度”-“非常慢”和“重復(fù)”-“直到幻燈片末尾”。

請點擊輸入圖片描述

請點擊輸入圖片描述

設(shè)置完成后點擊“確定”進(jìn)行保存設(shè)置，最后點擊“從當(dāng)前開始”選項就可以預(yù)覽照片滾動播放效果了。

請點擊輸入圖片描述

如何在PPT里做出讓圖片上下滾動展示？

首先我們插入圖片到PPT當(dāng)中。

然后我們用CTRL全選圖片，點擊上方圖片工具格式，在里面選擇喜歡的圖片版式，這里以圖片橫向排列為例子。當(dāng)然了你也可以不利用自帶的這個進(jìn)行自由的排版。

之后我們再次選中圖片，右鍵在菜單中選擇【組合】，時這些圖片變?yōu)橐粋€整體。

最后關(guān)鍵的步驟來了，我們在圖片上添加動畫，選擇菜單欄【動畫】，在進(jìn)入動畫中選擇【直線】，并選擇“效果選項”中的設(shè)施方向。這樣圖片的滾動效果就完成啦。

以上就是小編對滾動圖片的相關(guān)信息分享，希望能對大家有所幫助。