評(píng)論員文章

本文目錄一覽：

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

網(wǎng)頁(yè)中的滾動(dòng)圖片的代碼怎么寫(xiě)？

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

(資料圖片)

head

-----

/head

body

！--向上滾動(dòng)代碼開(kāi)始--

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)滾動(dòng)至colee1與colee2交界時(shí)

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

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

}else{

colee.scrollTop++

}

}

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

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

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

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

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

/script

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

!--下面是向下滾動(dòng)代碼--

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

!--向下滾動(dòng)代碼結(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時(shí)，請(qǐng)保證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 是對(duì)象的可見(jiàn)寬度

colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是對(duì)象的實(shí)際內(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

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

!--下面是向右滾動(dòng)代碼--

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

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

擴(kuò)展資料：

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

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

源代碼（也稱源程序），是指一系列人類(lèi)可讀的計(jì)算機(jī)語(yǔ)言指令。

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

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

參考資料：百度百科-計(jì)算機(jī)代碼

ppt如何滾動(dòng)播放圖片

首先插入需要滾動(dòng)的圖片，依次單擊“插入”--“圖片”--“來(lái)自文件”命令

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

右鍵點(diǎn)擊“飛入”動(dòng)畫(huà)效果選擇“效果”選項(xiàng)進(jìn)行滾動(dòng)動(dòng)畫(huà)設(shè)置。

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

請(qǐng)點(diǎn)擊輸入圖片描述

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

請(qǐng)點(diǎn)擊輸入圖片描述

如何在PPT里做出讓圖片上下滾動(dòng)展示？

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

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

之后我們?cè)俅芜x中圖片，右鍵在菜單中選擇【組合】，時(shí)這些圖片變?yōu)橐粋€(gè)整體。

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

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