导航:首页 > 网站知识 > 网站中文字走动的效果怎么弄

网站中文字走动的效果怎么弄

发布时间:2022-06-30 04:53:53

⑴ 在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>

⑻ 文字视频中那种字一个个不断出来的动画效果怎么做

做文字视频,用万彩字影大师,直接输入文字一键转为那种一个个字出来的动画效果视频。你还可以配上音乐,方便

怎么制作呢?这里写一下详细步骤:

一、点击“新建项目”按钮,选择视频尺寸,如果是在手机上播放选竖屏;保持默认的“旋转文字模式”,点击“下一步”即可。

以上,步骤虽然看起来复杂,但只是比较详细,小白也容易学会,希望帮到你

⑼ 想制作一个视频带有文字转动效果的,怎么做呢

文字转动效果视频用爱剪辑制作啦!简单三步即可搞定哦~

介绍一下操作方法哦:

一、添加字幕

在电脑端打开爱剪辑,导入软件自带的黑幕视频。在“字幕特效”面板下,双击右侧的视频预览区,在弹出框中输入文字。

希望能够帮到您~

⑽ 视频中文字转动效果是怎么做出来的,用什么工具可以用实现这一效果

想做出翻转文字动画效果,可以用万彩字影大师来做,我自己也是用这个软件,简单易上手。软件内置大量模板,有各种风格,可直接使用,删掉模板的字,输入自己的字即可。若是不用模板,也能直接打入文字,插一些小图标,设置背景,如果希望效果更丰富,可以为文字设置好动画特效,即可做出好看的文字翻转视频了。

阅读全文

与网站中文字走动的效果怎么弄相关的资料

热点内容
网络共享中心没有网卡 浏览:527
电脑无法检测到网络代理 浏览:1377
笔记本电脑一天会用多少流量 浏览:598
苹果电脑整机转移新机 浏览:1381
突然无法连接工作网络 浏览:1081
联通网络怎么设置才好 浏览:1230
小区网络电脑怎么连接路由器 浏览:1058
p1108打印机网络共享 浏览:1215
怎么调节台式电脑护眼 浏览:721
深圳天虹苹果电脑 浏览:957
网络总是异常断开 浏览:618
中级配置台式电脑 浏览:1017
中国网络安全的战士 浏览:638
同志网站在哪里 浏览:1422
版观看完整完结免费手机在线 浏览:1464
怎样切换默认数据网络设置 浏览:1114
肯德基无线网无法访问网络 浏览:1290
光纤猫怎么连接不上网络 浏览:1500
神武3手游网络连接 浏览:969
局网打印机网络共享 浏览:1005