你的图文动起来
来源:百度文库 编辑:神马文学网 时间:2024/04/27 00:11:31
让你的图文动起来
〓〓博客知识〓〓 2008-08-16 09:48:15 阅读108 评论0 字号:大中小
[原创]美博教程(四):
让你的图文动起来
顾名思义,本节就是向大家介绍怎样去移动文字和移动图片的。
一、移动文字篇
嗯,首先,大家不要让眼前乱动的文字搞得眼花缭乱,别以为它是很复杂的东东,其实原理很简单,你就记住一个代码:,之后就万变不离其中了,呵呵!
(1)上下移动的文字
效果:
向下移动的文字向上移动的文字
代码:
其中:scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, down(下),up(上)。Height则是控制移动范围的高度。
效果示例:跳跃的文字
祝大家学习愉快
代码:
注意:本例中增加了一个控制属性:behavior=alternate表示文字的移动行为是交替出现的。
效果示例:交替跳跃的文字
让你的图文动起来代码:
注意:添加或调整高度值(height)可以得到不同的跳跃效果。
(2)左右移动的文字
效果:向左移动的文字向右移动的文字
代码:
其中:scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, left(左),right(右)。width则是控制移动范围的宽度。
效果示例:并列摇动的文字
*~*欢迎光临*~**~*热烈欢迎*~*
代码:
注意:width=300设置的移动范围要比文字所占的宽度小才能产生效果。
效果示例:由中间向两边排开的文字
欢迎您到APRIL的小屋作客欢迎您到APRIL的小屋作客
代码:
注意:同样是移动范围值的设置。
效果示例:波浪式前进的文字
I LOVE APRIL
代码:
注意:调整上移和左移的速度可以得到不同的效果。
二、移动图文篇
把移动代码中要移动的文字变成图片即可
代码:
**效果体现:[原创]遇龙河——田园山水画(1)模拟电影播放滚动图片
效果1:
代码:
效果2:
代码:
其中:是输入图片链接的,你想放多少张图片就加入多少个链接就行了。scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, down(下),up(上),left(左),right(右)。Width、Height则是控制移动范围的宽度和高度。
是换行, 是输入空格。
(2)图文穿梭
效果:
图 图文 文穿 穿梭 梭 代码:
图 图
文 文
穿 穿
梭 梭
其中: 是输入文字间的空格,可根据效果需要进行调整。
(3)由中间向两边推开图文
效果:
向您展示不同的图文移动效果向您展示不同的图文移动效果
代码:
其中:宽度值(width)要根据效果需要进行调整。
(4)浮动的图片
效果:
代码:
其中:调整向上和向左移动的速度值(scrollAmount)控制图片浮动的效果。
(5)利用动态背景素材带来的特效
效果:
',1)">',2)">我说你是人间的四月天;
笑响点亮了四面风;轻灵
在春的光艳中交舞着变。
你是四月早天里的云烟,
黄昏吹着风的软,星子
在无意中闪,细雨点洒在花前。
那轻,那娉婷,你是鲜妍
百花的冠冕你戴着,你是
天真,庄严,你是夜夜的月圆。
雪化后那片鹅黄,你像;新鲜
初放芽的绿,你是;柔嫩喜悦
水光浮动着你梦期待中的白莲。
你是一树一树的花开,是燕
在梁间呢喃,——你是爱,是暖,
是希望,你是人间四月天!
其实关于这一点应该算是添加透明FLASH的内容,不过在这就先给大家欣赏一下,还可以配上音乐呢!
〓〓博客知识〓〓 2008-08-16 09:48:15 阅读108 评论0 字号:大中小
[原创]美博教程(四):
让你的图文动起来
顾名思义,本节就是向大家介绍怎样去移动文字和移动图片的。
一、移动文字篇
嗯,首先,大家不要让眼前乱动的文字搞得眼花缭乱,别以为它是很复杂的东东,其实原理很简单,你就记住一个代码:,之后就万变不离其中了,呵呵!
(1)上下移动的文字
效果:
向下移动的文字向上移动的文字
代码:
其中:scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, down(下),up(上)。Height则是控制移动范围的高度。
效果示例:跳跃的文字
祝大家学习愉快
代码:
注意:本例中增加了一个控制属性:behavior=alternate表示文字的移动行为是交替出现的。
效果示例:交替跳跃的文字
让你的图文动起来代码:
注意:添加或调整高度值(height)可以得到不同的跳跃效果。
(2)左右移动的文字
效果:向左移动的文字向右移动的文字
代码:
其中:scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, left(左),right(右)。width则是控制移动范围的宽度。
效果示例:并列摇动的文字
*~*欢迎光临*~**~*热烈欢迎*~*
代码:
注意:width=300设置的移动范围要比文字所占的宽度小才能产生效果。
效果示例:由中间向两边排开的文字
欢迎您到APRIL的小屋作客欢迎您到APRIL的小屋作客
代码:
注意:同样是移动范围值的设置。
效果示例:波浪式前进的文字
I LOVE APRIL
代码:
注意:调整上移和左移的速度可以得到不同的效果。
二、移动图文篇
把移动代码中要移动的文字变成图片即可
代码:
**效果体现:[原创]遇龙河——田园山水画(1)模拟电影播放滚动图片
效果1:
代码:
效果2:
代码:
其中:是输入图片链接的,你想放多少张图片就加入多少个链接就行了。scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, down(下),up(上),left(左),right(右)。Width、Height则是控制移动范围的宽度和高度。
是换行, 是输入空格。
(2)图文穿梭
效果:
图 图文 文穿 穿梭 梭 代码:
其中: 是输入文字间的空格,可根据效果需要进行调整。
(3)由中间向两边推开图文
效果:
向您展示不同的图文移动效果向您展示不同的图文移动效果
代码:
其中:宽度值(width)要根据效果需要进行调整。
(4)浮动的图片
效果:
代码:
其中:调整向上和向左移动的速度值(scrollAmount)控制图片浮动的效果。
(5)利用动态背景素材带来的特效
效果:
',1)">',2)">我说你是人间的四月天;
笑响点亮了四面风;轻灵
在春的光艳中交舞着变。
你是四月早天里的云烟,
黄昏吹着风的软,星子
在无意中闪,细雨点洒在花前。
那轻,那娉婷,你是鲜妍
百花的冠冕你戴着,你是
天真,庄严,你是夜夜的月圆。
雪化后那片鹅黄,你像;新鲜
初放芽的绿,你是;柔嫩喜悦
水光浮动着你梦期待中的白莲。
你是一树一树的花开,是燕
在梁间呢喃,——你是爱,是暖,
是希望,你是人间四月天!
其实关于这一点应该算是添加透明FLASH的内容,不过在这就先给大家欣赏一下,还可以配上音乐呢!
你的图文动起来
让你的图文动起来0
让你的博客头像动起来!
使你的博客动起来 转
沟通管理 让你的团队动起来1
超强激励qq签名,让你的QQ动起来!!
动起来
孙子打瞎爷爷,动下你的手指!!让这畜牲全世界出名!!大家动起来(支持人肉)
让你的照片动起来,酷炫的3D立体摄影作品
如何让多幅带连接的图片动起来
小手动起来 - 然然妈的博客
如何让多幅带连接的图片动起来
小手动起来 - 然然妈的博客
¤.让自己的前面动起来
Photoshop让喷泉的水花动起来
让网页的背景图片动起来(Vbscript):
Photoshop让喷泉的水花动起来
SDL 资料收集站 - C BUILDER让你的任务栏图标动起来
让你的文字动起来——Marquee用法详解
让你的文字动起来——Marquee用法详解
女孩动起来
户外广告动起来!
图象动起来
让十二生肖动起来