當前位置:首頁 » 背景圖片 » 黑底馬燈背景圖片
擴展閱讀
ps圖片添加背景 2024-11-28 23:47:29
歐州唯美圖片 2024-11-28 23:44:42
綠色教室背景圖片 2024-11-28 23:41:31

黑底馬燈背景圖片

發布時間: 2024-11-12 19:38:08

A. 史上最全解析:4種方法製作-PPT跑馬燈/走馬燈圖片輪播動畫

全面解析不同場景下的跑馬燈PPT圖片動畫製作技巧概要:精準動畫銜接、路徑起點終點位置設置與插件提高效率。本文將從動畫製作方法、操作步驟、優缺點以及解決場景難題方面,深入解析製作跑馬燈動畫的全過程。通過幻雲PPT設計與大雄董軍的指導,讓你輕松掌握製作跑馬燈動畫的精髓。

跑馬燈動畫,源自傳統節日元宵節特製燈籠效果,具有持續循環滾動的動態美。這種動畫效果在PPT中廣泛應用,如多圖人物介紹、MG動畫背景循環、遮罩加平板等場景。製作跑馬燈動畫的關鍵在於精準銜接動畫、設置路徑起點終點位置和利用插件提高效率。

在不同場景下,製作跑馬燈動畫的方法各有側重。本文將詳解四種製作方法,重點解決無縫銜接和無跳幀持續輪播的難點。

首先,介紹一種便捷方法。利用姥爺的插件OKPlus5.2中的Plus特效,輕松實現跑馬燈動畫。操作簡單,但建議圖片數量不宜過多,以防動畫速度過快,調整復雜。

其次,推薦一種易於調整速度的方法。通過延長每個動畫的持續時間和等比例延長延遲時間,實現動畫速度的精準控制。同時,文章提供了如何快速統一圖片高度、垂直對齊和左右無縫貼合的技巧,使操作過程更加高效。

對於圖片組合後寬度與幻燈片不一致的情況,文章提供了兩種解決方案。方法一是將所有圖片組合後與幻燈片等寬,並通過動畫效果實現連續輪播。方法二是採用飛入和飛出動畫,實現一個組合飛入,另一個組合飛出的效果,無需延遲。

最後,文章介紹了一種通用的方法——路徑+補位法。這種方法適合圖片數量較多且組合後寬度超出幻燈片的情況。通過調整路徑動畫的終點位置,實現動畫的無限循環,避免補位部分的圖片重復出現。

通過以上詳盡的步驟解析,你可以根據具體的設計場景選擇最適合自己的製作方法。不論是3D圖輪、更多PPT動畫思路和技巧,還是特定案例的應用,文章都將為你提供實用的指導。在製作過程中,利用PPT插件可以顯著提高效率,讓你的PPT作品更加出彩。

B. 幾幅圖片的走馬燈效果怎麼做

實現跑馬燈的方法很多,其中最簡單的是採用一句Html代碼來實現,我們在需要出現跑馬燈效果的地方插入「<marquee>滾動的文字</marquee>」語句,它的效果如下所示:

滾動的文字

適當的運用<marquee>標簽的參數,可以表現出不同的效果,請看下面的幾個例子:

1、左右彈來彈去的跑馬燈

彈來彈去跑馬燈!

實現的方法就是在IE的標簽上稍微多加了幾個參數產生了更加豐富的變化。設置behavior=alternate表示雙向移動,direction=left表示運動方向向左。marquee的寬度可以使用絕對象素值,例如width=200等這個值限定了跑馬燈滾動的范圍。需要說明的是該效果在Netscape下是看不到的。

源碼粘貼框:

<marquee width=400 behavior=alternate direction=left align=middle border=1>彈來彈去跑馬燈!</marquee>

2、跑的很快的跑馬燈

跑的很快跑馬燈!

只要在<marquee>標簽內加上「scrollamount=30」參數即可。

3、帶有超級鏈接的跑馬燈

帶有超鏈接的跑馬燈!點我試試? 還有一條呢!點我試試?

其實實現的方法很簡單,把整個<marquee></marquee>語句包含在超鏈接中就行,你看看下面的代碼就清楚了。當然你也可以把包含在<marquee></marquee>中的各條內容分別加上不同的鏈接,這樣的跑馬燈用來發布滾動新聞或是做站點導航再合適不過了。

源碼粘貼框:

<marquee width=90%>
<a href="http://www.hongen.com/default.htm" target=_blank>帶有超鏈接的跑馬燈!點我試試?</a>
<a href="http://www.hongen.com/pc/index.htm" target=_blank>還有一條呢!點我試試?</a>
</marquee>

以上幾個例子都是<marquee>標簽參數的應用,下面把所有可以利用的參數列在表中供你參考,不過還是要提醒你,<marquee>標簽只被IE所支持,使用Netscape瀏覽器是看不到的噢。

參數 用法介紹
behavior=scroll, slide, alternate 跑馬方式:循環繞行,只跑一次就停住,來回往復運動
direction=left,right 跑馬方向:從左向右,從右向左
loop=100 跑馬次數:循環100次,如不寫默認為一直循環
width=100%,height=200 跑馬范圍:寬為100%,高為200像素
scrollamount=20 跑馬速度:數越大越快
scrolldelay=500 跑馬延時:毫秒數,利用它可實現躍進式滾動
hspace=20,vspace=20 跑馬區域與其它區域間的空白大小
bgcolor=#00FFCC 跑馬區域的背景顏色

這里向你介紹幾個用JavaScript實現的較復雜的跑馬燈,你只須把源碼粘貼框中的代碼按照說明復制的指定的位置就能看到跑馬燈的效果。

1、狀態欄中的跑馬燈

在默認狀態下瀏覽器的狀態欄中顯示的是鏈接指向信息,給人的感覺很單調。如果我們把問候語或是站點的介紹放在狀態欄中滾動顯示,一定能取得很好的效果。

源碼粘貼框:

1、將以下代碼放在<head>與</head>之間:

<script LANGUAGE="JavaScript">
<!-- Begin
var Mes=new Array();
Mes[0]="洪恩在線歡迎你! ";
Mes[1]="感謝你關注電腦交互教程 ";
Mes[2]="網頁製作技巧 之 跑馬燈大全 ";
var place=1;
var i=0;
function scroll()
{
window.status=Mes[i].substring(0, place);
if (place >= Mes[i].length)
{
if(i<2)
{
i++;
place=1;
window.setTimeout("scroll()",50);
}
else
{
i=0;
place=1;
window.setTimeout("scroll()",50);
}
}
else {
place++;
window.setTimeout("scroll()",50);
}
}
// End -->
</script>

2、在<body>標簽內加入onload 語句:

<body onload="scroll();">

實現步驟:
(1)首先將JavaScript代碼復制到<head>與</head>之間,這段代碼中包含了scroll()函數,它是實現跑馬燈的主體代碼。我們可以修改mes[]數組的值來改變跑馬燈的內容,你也可以顯示更多條的信息,不過代碼中i的值應等於信息的條數,也就是等於mes[]數組的維數;
(2)然後在<body>標簽中加入onload()語句即可。

2、超鏈接的跑馬燈式提示信息

把你的「老鼠」移到下面鏈接上試一試,有什麼不同呢?原來彈出了一條跑馬燈式的提示信息,這是怎麼實現的呢,請接著看:

跑馬燈大全(一) 電腦交互教程 網頁製作技巧技巧

源碼粘貼框:

1.將下面代碼放在<body>標簽下:

<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}

</script>

2.然後在要出現提示信息的鏈接中,添加onMouseover語句:

<a href="pm23.htm" onMouseover="showtip2(this,event,'用marquee實現的各式跑馬燈')" onMouseout="hidetip2()">跑馬燈大全(一)</a>
<a href="/pc/index.htm" onMouseover="showtip2(this,event,'最多最全的電腦交互教程')" onMouseout="hidetip2()">電腦交互教程</a>
<a href="pmjq00.htm" onMouseover="showtip2(this,event,'點滴技巧裝扮你的家')" onMouseout="hidetip2()">網頁製作技巧技巧</a>

實現步驟:
(1)先在<body>標簽下面插入一段JavaScript代碼;

(2)然後在需要實現跑馬燈式提示信息效果的超鏈接中加入Onmouseover和Onmouseout語句。

還有一個參考下面的網址

C. 什麼是跑馬燈

跑馬燈是傳統特色手工藝品,亦是傳統節日玩具之一。由毛竹編織成馬頭,馬尾,屬於燈籠的一種。

在過去,跑馬燈一般在春節等喜慶的日子裡才表演,由二十來位11—14歲小孩組成,邊跳邊唱,根據節奏快慢形成不同陣勢,有喜慶、丁財兩旺、五穀豐登的寓意。跑馬燈屬系在身上糊上顏色鮮艷的紙,如今已由絲綢取代。

中國傳統玩具之一,燈籠的一種,常見於元夕、元宵、中秋等節日。燈內點上蠟燭,燭產生的熱力造成氣流,令輪軸轉動。輪軸上有剪紙,燭光將剪紙的影投射在屏上,圖象便不斷走動。

因多在燈各個面上繪制古代武將騎馬的圖畫,而燈轉動時看起來好像幾個人你追我趕一樣,故名跑馬燈。跑馬燈內的蠟燭需要切成小段,放入走馬燈時要放正,切勿斜放。

(3)黑底馬燈背景圖片擴展閱讀

跑馬燈的起源:

科學史研究者大都依據文學家范成大(1126—1193)的詩文記載,認為南宋時才有跑馬燈。范成大的詩集中有首記敘蘇州正月十五上元節 的詩,詩中描繪了千姿百態的燈。

諸如飄升於天的孔明燈,在地上滾動的大滾燈,以及「轉影騎縱橫的走馬燈」等。當時似無「跑馬燈燈」之名,詩人自注為「跑馬燈」。

「跑馬燈」在中國文學中有關此事的最早記載,詩人所記為淳熙十一年之事,即公元1184年。以此計後已有800 年歷史了。

跑馬燈有兩大特點,利用熱氣流作動力;另一個是以渦輪裝置帶動燈上畫面轉動。若依此兩點追本溯源,它在北宋出現之前,已經歷了至少有1300年的發展史。