網站中文字走動的效果怎麼弄

⑴ 在Word 中怎麼設置文字的動態效果

1、首先在我們的電腦桌面上新建一個word文檔並點擊它

⑵ 怎樣製作網頁中的字跟著滑鼠走呀

*讓字跟著滑鼠走源代碼：(把下面的代碼插入到body區域中)
<script
language="JavaScript">
<!--
/******
Things
you
can
change
*****/
msg="夢幻島";
msgSize=4;//1-7
FoNt='Arial';
CoLoR='#CC99FF';
speed=2;
/******
Things
you
shouldn't
change
*****/
ns=(document.layers)?1:0;
msg=msg.split(''),amount=msg.length,Y=0,X=0,ypos=0,xpos=0,ybase=new
Array(),xbase=new
Array();
angle
=
new
Array(),divTop=
new
Array(),divLeft=new
Array();
DocHeight=(document.layers)?window.innerHeight:window.document.body.
offsetHeight
;
DocWidth=(document.layers)?window.innerWidth:window.document.body.offsetWidth;
//initial
layer
placement!
for
(i=0;
i
<
amount;
i++){
divTop[i]=Math.round(Math.random()*DocHeight);
divLeft[i]=Math.round(Math.random()*DocWidth);
}
if
(ns){
for
(i
=
0;
i
<
amount;
i++)
{document.write('<layer
name=nsd'+i+'
top=0
left=0
width='+msgSize+'
height='+msgSize+'><font
face='+FoNt+'
size='+msgSize+'
color='+CoLoR+'>'+msg[i]+'</font></layer>');}
window.captureEvents(Event.MOUSEMOVE);
function
nsMouse(evnt){
ypos
=
evnt.pageY-20;
xpos
=
evnt.pageX-10;
}
window.on
MouseMove
=
nsMouse;
}
else{
document.write('<div
id="hldr"
style="position:absolute;top:0px;left:0px">')
document.write('<div
style="position:relative">')
for
(i=0;
i
<
amount;
i++)
{document.write('<div
id=ied
style="position:absolute;top:0px;left:0px;width:'+msgSize+';height:'+msgSize+'"><font
face='+FoNt+'
size='+msgSize+'
color='+CoLoR+'>'+msg[i]+'</font></div>')}
document.write('</div></div>')
function
ieMouse(){
ypos
=
event.y-20;
xpos
=
event.x-10;
}
document.
onmousemove
=
ieMouse;
}
function
GoToMouse(){
var
DocHeight=(document.layers)?window.innerHeight:window.document.body.offsetHeight;
var
DocWidth=(document.layers)?window.innerWidth:window.document.body.offsetWidth;
var
iscrll=(document.all)?document.body.scrollTop:0;
var
nscrll=(document.layers)?window.pageYOffset:0;
if
(!ns)hldr.style.top=iscrll;
for
(i=0;
i
<
amount;
i++){
Y
=
ypos
-
divTop[i];
X
=
xpos
-
divLeft[i];
angle[i]
=
Math.round(Math.atan2(Y,X)
*
180/Math.PI);
if
(angle[i]
<
0)
angle[i]
+=
360;
ybase[i]=Math.round(Math.random()*DocHeight);
xbase[i]=Math.round(Math.random()*DocWidth);
rep=Math.round(Math.random()
*
3);
extra=Math.round(Math.random()
*
200)
if
(rep
==
3)xbase[i]
=-extra;
if
(rep
==
2)xbase[i]
=DocWidth+extra;
if
(rep
==
1)ybase[i]
=-extra;
if
(rep
==
0)ybase[i]
=DocHeight;
y
=
Math.round(speed*Math.sin(angle[i]*Math.PI/180));
x
=
Math.round(speed*Math.cos(angle[i]*Math.PI/180));
divTop[i]+=y;
divLeft[i]+=x;
if
((divLeft[i]
>
xpos-speed)
&&
(divLeft[i]
<
xpos+speed/1.5)
&&
(divTop[i]
>=
ypos-speed/1.5)
&&
(divTop[i]
<=
ypos+speed/1.5))
{divTop[i]=ybase[i]+nscrll;divLeft[i]=xbase[i]}
var
layer=(document.layers)?document.layers['nsd'+i]:ied[i].style;
layer.top=divTop[i];layer.left=divLeft[i];
}
S=setTimeout('GoToMouse()',10);
}
window.onload=GoToMouse;
//-->
</script>

⑶ ppt中文字動畫效果怎麼設置

1.首先我們選中要設置效果的文字；
2.點擊菜單欄的「動畫」，下拉選中自定義動畫；
3.設置文字的動畫效果，選擇「進入」、退出、強調，自由選擇；
4.設置觸發器，是設置點擊前還是點擊後，還是點擊時；
5.文字的動畫效果速度可以設置快慢，自由選擇；

⑷ 動態的文字效果 怎麼做出來

photoshop自帶的都可以

要麼就是ulead的cool 3d
出來的是3d效果！

工具：PS CS2版本及IMAGEREADY CS2

我們以這句話為例：「動態文字」

1，新建文件。
2，使用文字工具輸入第一個字：動。然後確定應用。
3，使用文字工具輸入第二個字：態。然後確定應用。
4，按照2，3步驟依次輸入「文」和「字」。
5，現在，連同背景層，你應當有5個圖層了。那麼關閉這4個文字層的顯示。就是圖層面板中各個圖層前面的那個眼睛標示。
6，轉換到IMAGEREADY中編輯，確定4個文字圖層依然處於關閉顯示狀態。在動畫導航中新建4個幀。
7，選第二幀打開「動」這一層的眼睛。
8，選第三幀打開「態」這一層的眼睛
9，按照7，8步驟分別選擇三和四幀依次開打「文」和「字」的顯示。
10，設定各幀的顯示時間，然後預覽，效果應該出來了。

另：PS中的各層文字如需要對齊，請使用參考線。參考線在打開標尺工具後可以拖出。

⑸ 網頁製作中怎麼樣控制文字跑動的速度

marquee標簽
功能：
使文字或者圖片等產生移動效果
語法：

displaydata

注
是成對標記

truespeed 未知意義

loop
設定跑馬燈的次數

behavior
設定走動方式
① scroll 跑到盡頭後再重新開始(默認)
② slide 跑完一次就不跑了
③ alternate 以左右來回移動的方式跑

direction
設定跑馬燈移動方向
① left 從右向左(默認方式)
② right 從左向右

scrolldelay
設定移動速度,用來設定延遲時間
數值越大,速度越慢(默認為90)
單位以毫秒來計算

scrollamount
設定移動速度,跑馬燈移動距離
數值越大,速度越慢(默認為6)
以移動的pixel為單位

width
調整跑馬燈的寬度

height
調整跑馬燈的高度

bgcolor
設定跑馬燈的背景顏色

只適用於 IE ，叫做"跑馬燈" 如 Status Bar 的那種，意指走動或卷動的文字，其參數設定比較多。

Hello

behavior="SCROLL"
決定文字的卷動方式，可選值為：
SCROLL 一般卷動，是內定值。
SLIDE 如幻燈片，一格格的，文字一接觸左邊便全消失。
ALTERNATE 文字向左右兩邊撞來撞去。

direction="LEFT"
設定文字設定文字的卷動方向，LEFT 表示向左，是內定值，RIGHT 表示向右。

bgcolor="#0000FF"
設定文字卷動范圍的背景顏色，顏色值可參考【調色原理】。

height="30" width="150"
>設定文字卷動范圍，可採用相對或絕對，如 30% 或 30 等，單位為像素。

hspace="0" vspace="0"
設定文字的水平及垂直空白位置。

loop="INFINITE"
設定文字卷動次數，其值可以是正整數或 INFINITE，INFINITE 是默認值，表示無限次。

scrollamount="30"
每「格」文字間的間隔，單位是像素。

scrolldelay="500"
文字卷動的停頓時間，單位是毫秒。

⑹ 如何實現網頁中文字上下移動的效果

首先，在頁面中輸入一行文字，如「自由上下」，並將文字全部選中。
單擊「插入」菜單中的「Web組件」命令，彈出「插入Web組件」對話框。在「組件類型」列表中選中「動態效果」；在「選擇一種效果」列表框中選中「字幕」，單擊「完成」按鈕。
在打開的「字幕屬性」對話框，可以把默認的向左改為向右，還可以設置移動的速度和表現方式，設置完畢單擊「確定」按鈕。
將窗口切換到代碼視圖下，找到「<marquee direction="right"自由上下！

⑺ html中如何製作隨著屏幕滾動的文字（就是會跟著屏幕走的文字）

圖片滾動代碼 (從右向左滾動)

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滾動的圖片地址1">

<img border="0" src=" http://要滾動的圖片地址2">

</marquee>

圖片滾動代碼 (從下往上滾動)

<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滾動的圖片地址1">

<img border="0" src=" http://要滾動的圖片地址2"> <marquee ONMOUSEOUT=this.scrollDelay=1 ONMOUSEOVER=this.scrollDelay=600 scrollamount=1 SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>
把圖片的連接地址寫在這里
</marquee>
1.direction屬性:決定文本的滾動方向，分為向左left和向右right，up和down默認狀態向左。
<marquee direction=left>從右向左滾動</marquee>
<marquee direction=right>從左向右滾動</marquee>
2.behavior屬性:指定文本的滾動方式，分為三種:
Scroll:從一端消失後，在另一端出現並繼續滾動。
<marquee behavior=scroll>一圈一圈地滾動</marquee>
Slide:從一端滾動，接觸到另一端後停止
<marquee behaviro=slide>只滾動一次就停止</marquee>
Alternate:從一端滾動到另一端後，反向滾動。
<marquee behavior=alternate>來回滾動</marquee>
direction=up（left、right、down） 這個屬性可以更改，這樣就可以實現上下左右了 但是.我建議用一種無縫的文字滾動.這樣的效果會比較好看.而用marquee就沒那麼好了方法代碼 先介紹一下它的實現思路：一個設定寬度並且隱藏超出它寬度的內容的容器demo，裡面放demo1和demo2，demo1是滾動內容,demo2為demo1的直接克隆，通過不斷改變demo1的scrollTop或者scrollLeft達到滾動的目的，當滾動至demo1與demo2的交界處時直接跳回初始位置，因為demo1與demo2一樣，所以分不出跳動的瞬間，從而達到「無縫」滾動的目的。

先了解一下對象的幾個的屬性：
innerHTML:設置或獲取位於對象起始和結束標簽內的 HTML
scrollHeight: 獲取對象的滾動高度。
scrollLeft:設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離
scrollTop:設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離
scrollWidth:獲取對象的滾動寬度
offsetHeight:獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度
offsetLeft:獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置
offsetTop:獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置
offsetWidth:獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的寬度

向上滾動的代碼：
<div id=demo style=overflow:hidden;height:400;width:160;background:#214984;color:#ffffff><table align=top cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><br><img src="pic/2.jpg" width="160" height="198" /><br><img src="pic/3.jpg" width="155" height="200" /><br><img src="pic/4.jpg" width="157" height="200" /></td></tr><tr><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML//克隆demo1為demo2
function Marquee(){
if(demo2.offsetHeight-demo.scrollTop<=0)//當滾動至demo1與demo2交界時
demo.scrollTop-=demo1.offsetHeight//demo跳到最頂端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//設置定時器
demo.onmouseover=function() {clearInterval(MyMar)}//滑鼠移上時清除定時器達到滾動停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//滑鼠移開時重設定時器
</script>

向下滾動：
<div id=demo style=overflow:hidden;height:400;width:160;background:#214984;color:#ffffff><table align=top cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><br><img src="pic/2.jpg" width="160" height="198" /><br><img src="pic/3.jpg" width="155" height="200" /><br><img src="pic/4.jpg" width="157" height="200" /></td></tr><tr><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollTop<=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向左滾動：
<div id=demo style=overflow:hidden;height:200;width:500;background:#214984;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><img src="pic/2.jpg" width="160" height="198" /><img src="pic/3.jpg" width="155" height="200" /><img src="pic/4.jpg" width="157" height="200" /></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向右滾動：
<div id=demo style=overflow:hidden;height:200;width:500;background:#214984;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><img src="pic/2.jpg" width="160" height="198" /><img src="pic/3.jpg" width="155" height="200" /><img src="pic/4.jpg" width="157" height="200" /></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

⑻ 文字視頻中那種字一個個不斷出來的動畫效果怎麼做

做文字視頻，用萬彩字影大師，直接輸入文字一鍵轉為那種一個個字出來的動畫效果視頻。你還可以配上音樂，方便

怎麼製作呢？這里寫一下詳細步驟：

一、點擊「新建項目」按鈕，選擇視頻尺寸，如果是在手機上播放選豎屏；保持默認的「旋轉文字模式」，點擊「下一步」即可。

以上，步驟雖然看起來復雜，但只是比較詳細，小白也容易學會，希望幫到你

⑼ 想製作一個視頻帶有文字轉動效果的，怎麼做呢

文字轉動效果視頻用愛剪輯製作啦！簡單三步即可搞定哦～

介紹一下操作方法哦：

一、添加字幕

在電腦端打開愛剪輯，導入軟體自帶的黑幕視頻。在「字幕特效」面板下，雙擊右側的視頻預覽區，在彈出框中輸入文字。

希望能夠幫到您～

⑽ 視頻中文字轉動效果是怎麼做出來的，用什麼工具可以用實現這一效果

想做出翻轉文字動畫效果，可以用萬彩字影大師來做，我自己也是用這個軟體，簡單易上手。軟體內置大量模板，有各種風格，可直接使用，刪掉模板的字，輸入自己的字即可。若是不用模板，也能直接打入文字，插一些小圖標，設置背景，如果希望效果更豐富，可以為文字設置好動畫特效，即可做出好看的文字翻轉視頻了。