几种常用的HTML文字移动代码[转载]

了解一定的html代码对于优化来说也是很好的一个帮助。所以今天学习了一下几种常用的html代码,拿过来与大家分享啊。

1、从左向右移文字移动代码

代码 需要移动的文字

2、从右向左移

代码 需要移动的文字

3 、从上向下移动文字移动代码

代码
需要移动的文字

4、从下向上移动

代码
需要移动的文字

5、移一步,停一停文字移动代码

代码 需要移动的文字

6、只移动三次就停了

代码 需要移动的文字

7、左右来回移动

代码 需要移动的文字 [fly]需要移动的文字[/fly]

8、 从右上向左下移动文字移动代码

代码 需要移动的文字

9、从左上向右下移动

代码 需要移动的文字

10、从右下向左上移动

代码 需要移动的文字

11、从左下向右上移动

代码 需要移动的文字

12、水平相反移动文字移动代码

代码

需要移动的文字需要移动的文字

13、一圈一圈绕着移动

代码 需要移动的文字

14、忽隐忽现移动

代码 需要移动的文字

15、垂直往复移动文字移动代码

代码
需要移动的文字

16、左右两边向中间移动

代码

需要移动的文字需要移动的文字

17、从上下向中间移动

代码

需要移动的文字
需要移动的文字

18、左右两边向中间来回移动

代码 左右向中间来回移动动移回来间中向右左

19、上下向中间来回移动文字移动代码

代码
上下向中间来回移动
上下向中间来回移动

20、从中间向上下移动

代码

需要移动的文字
需要移动的文字

希望以上几种常用的HTML文字移动代码,对浏览者有帮助啊。

HTML-文字篇,特效篇,音乐篇,美图篇,美框篇

1图片及边框代码:

图片地址 border=0>

论坛最简易边框替代美框(加入美图)代码:

如:

#EE7600 cellSpacing=2 cellPadding=3 width="100%" bgColor=#FF82AB border=1>

添加图片代码background=“图片地址”

替代:

#EE7600 cellSpacing=2 cellPadding=3 width="100%" bgColor=#FF82AB 此处添加(background=图片地址) border=1>

不同图片显示不同效果

2插入FLASHA代码:

说明:只要将上面的代码中的http://www.xinyi63.com/6304031.swf 换为你需要的FLASH的地址,调整width="450" height="150"  这里的500300数字来控制显示的大小,然后在HTML模式下插在你的网页内容里面就可以了。

3.背景音乐的代码:

如果想在你的网站上放上一段好听的背景音乐,代码是:


里面的背景音乐地址你能自己替换。
前面的是音乐地址,一般都以mid或者mp3的形式结尾后面的数字是播放次数

4.. 图片加边框代码:

<*table border=3><*td><*img src=http://www.369590.com/bbs/UploadFile/2004-8/2004813224642433.gif width=200 height=168><*/td><*/table>

:真正贴图片的时候请把*去掉

5. 文字链接代码:
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:

http://xinyi63.2000y.net>蓝色梦幻

如果要点了这个文字以后重新打开一个窗口的话,代码是:

 楷体_GB2312 color=#dc143c size=5>☆让心在盛夏中飞翔【馨怡朗诵】☆

共享空间

.在网站上放图片的代码:
如果你看到一个好看的图片想放到网站上,代码是这样的:

后面的数字调节图片的尺寸大小。

.图片链接代码
如果要点一下图片就能打开一个网站的链接代码是这样的:

如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:

上面的数字都能调节图片尺寸大小。

十一.换行代码:
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入


这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明

文字移动的代码:

这里写文字

十三.移动图片的代码:

把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:

里面的图片地址自己定。

十四.文字处理:

<*center><*font face=幼园 size=6 color=#228c45><*b>显示的文字<*/b><*/font><*/face><*/size><*/color><*/center>
效果如下:

朋友们好


face指字体选择,size指文字大小,color指文字颜色,b表示文字加粗,center表示文字居中!

G
:文字向上滚分行并拉开行距
<*marquee direction=up scrollamount=3><*font face=隶书 size=8 color=#228c45>文字部分<*/font><*/face><*/size><*/color><*/marquee>
效果如下:





H:图片向左移动并控制移动速度(up down left right)
<*marquee directio=left scrolldelay=150><*img src=src=http://www.xinyi63.com/xinyi050129.jpg><*/marquee>
效果图如下:





I:图片朦胧效果:
<*img src=http://www.xinyi63.com/xinyi050129.jpg width=420 height=315 style=filter:Alpha(opacity=100,style=2)>
效果图如下:
    

:真正贴图片的时候请把*去掉


十五.打开网站时候出现的欢迎词代码:

你好,欢迎访问本网站!")>

十六.关闭网站的时候出现的话:

谢谢您的光临,诚邀加盟.请记住本站域名:http://www.yz126.com/ 站长信箱:****@yahoo.com.cn 欢迎咨询')">

十七.打开网站的时候自己做一个弹出窗口的广告:

里面的 http://163.com 这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。

一、边框:
1.两层




加入内容

2.八层










































加入内容


3.两层
内容部分

4.一层



加入内容

5.两层










加入内容



二、字体:
华文彩云">中年人生论坛

中年人生论坛


汉鼎繁随意 size=6>中年人生论坛




好美的兰花


跳动的字:
隶书 color=red size=15>







飞舞的字:









这里很多,自己找吧~~
第一:http://znrs.2000y.net/dispbbs.asp?boardID=16&ID=28749&page=1
第二:http://znrs.2000y.net/dispbbs.asp?boardID=10&ID=25391&page=1

加入图片代码:

一、单纯的一张图片

http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg>>
二、加框有一层FLASH的图片






三、加框用两层FLASH的图片










三、两个FLASH上下排列的图片:







四、下上移动的图片们:

http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg">>

http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg">>

http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg">>


五、左右移动的图片们:(要有个背景哟)

















六:图片雾化效果:
(
使用时必须去掉"HTML"旁边"自动修正"的钩.)




七:图片倒影效果:
(
使用时必须去掉"HTML"旁边"自动修正"的钩.)

http://www.smba-china.com/upload/upfile/2004430154320.gif"> id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px">http://www.smba-china.com/upload/upfile/2004430154320.gif">


>
八:图片向左右相反的方向移动的效果:




五、加入背景音乐代码:

网址 hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE">

所用元素:
参数:
src
:音乐文件的URL
hidden
=true为不可见,=false反之;
type
:指定音频类型;
LOOP
:是否循环播放,注意其值置于小角双引号中;
AUTOSTART
:是否自动播放,其值同上

图片特效代码:

【一】一张照片,2个动画合并的特效代码:





http://imgfree.21cn.com/free/flash/100.swf width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high">

【二】一张图片,二个特效动画合并的代码效果:






http://love.xaonline.com/upload/2004719/UF604426.swf width=500 height=360 type=application/octet-stream wmode="transparent" quality="high">

 

【三】由下向上飘落的特效代码:只有二个动画,没有图片【页头特效代码】






【四】由上向下落花的特效代码及向两边同时滚动的字体代码【页头特效代码】:












隶书 color=#ff4500 size=7>
祝大家圣诞节快乐隶书 color=#ff4500 size=7>
乐快节诞圣家大祝




【五】从天而落的大量鲜花效果的代码【页头特效代码】:

















【六】一张图片,2个特效FLASH合并的特效代码:






【七】一张图片,2个特效FLASH合并后的特效代码:注意,这组代码与前面有些不同,但效果一样





【八】馨怡制作的落花和散花并同的特效及代码【页头特效】








CENTER>










 【九】红圈花散开特效及代码【页头特效代码】

TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>












【十】天空大量落花特效及代码【页头特效代码】















【十一】特效代码【路程】




【十三】特效代码【路程】







【十四】特效雾化代码【路程】







¿¬Ìå_GB2312">¡°ÏóÑ©»¨°ãÈöÂäÔÚÎÒµÄÐÄÌ



【十五】特效雾化代码【路程】







楷体_GB2312">“◆ 梦幻馨怡欢迎您!◆”



【十六】空中飘动的覆盖网,花朵,金鱼的特效代码【三层页头特效】

<div style="position: absolute;left: 00px">http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/3.swf"> name="wmode" value="transparent">http://sucai.heima.com/sucai/news/flash/3.swf" type="application/x-shockwave-flash">

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/4.swf"> name="wmode" value="transparent">http://sucai.heima.com/sucai/news/flash/4.swf" type="application/x-shockwave-flash">

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/67.swf"> name="wmode" value="transparent">

【十七】两层页头特效代码

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/3.swf"> name="wmode" value="transparent">http://sucai.heima.com/sucai/news/flash/3.swf" type="application/x-shockwave-flash">

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/100.swf"> name="wmode" value="transparent">http://sucai.heima.com/sucai/news/flash/100.swf" type="application/x-shockwave-flash">

【十八】每层页头特效代码

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="800">http://sucai.heima.com/sucai/news/flash/3.swf"> name="wmode" value="transparent">http://sucai.heima.com/sucai/news/flash/3.swf" type="application/x-shockwave-flash">

【十九】特效代码:一张照片两个FLASH的特效。








【二十】含有边框的特效代码【一框一图三个FLASH的特效代码】:














页头大量落花代码:






一张顶部图的特效代码:





空中飘落的小玩意【页头特效】












特效代码-如何添加多个FLASH特效代码等:

隐藏图片里加上透明FLASH素材   透明FLASH宽度和高度原则应比图片宽度和高度小一些,添加透明FLASH可以一个或两个甚至更多,自定

代码如下:






效果如下:

添加多个透明FLASH语法

代码如下:






效果如下:

 

这个是在最上面向左行走的代码:








华文新魏">夜雨心语欢迎你

向上飞的彩色气球


 

贴子全屏的秘密

要全屏,只有一句话:

在第一个

后面加上 

 id=table1 style="LEFT: -220px; WIDTH: 900px; POSITION: relative; TOP: 131px; HEIGHT: 6500px" 

这些代码即可.

适用地方:论坛发贴.

HTML做帖子常用特效代码

           透明flash多层叠加:





 

10,倒影效果:(使用时必须去掉"HTML"旁边"自动修正"的钩.)

http://www.xinyi63.com/xinyi050129.jpg"> id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px">http://www.xinyi63.com/xinyi050129.jpg">


>

将原来的垂直翻转flipv()改为水平翻转fliph()就是另一种效果了。

帖子透明虚化:(使用时必须去掉"HTML"旁边"自动修正"的钩.)




飞舞的蝴蝶:












美框固定代码(一)【馨怡珍藏版】-做美框,走捷径

http://xz1.2000y.net/100158/index.asp?xAction=xReadNews&NewsID=2742

http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>



隶书 color=#faebd7 size=6>梦 幻 馨 怡 欢 迎 您

 

(). 如 何 发 全 屏

如果你想发全屏帖的话,可以使用以下方法:

在帖子"HTML"状态下,找到自己帖子的第一层边框代码,:

只要在这一层代码里加上这样一段(里面的数据可以根据帖子的实际情况作适当调整):

id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px"

这样,你的第一层边框代码如下:

id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>

最后发帖前,在帖子代码前加上几组
,
以防帖子太高,把自己头像下的积分处挡住.(我一般用5
).

在帖子代码结尾处最好也加几组
,
以防帖子太长,盖住编辑和加精处

id=table1 style="LEFT: -110px; WIDTH: 970px; POSITION: relative; TOP: 0px" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>



隶书 color=#faebd7 size=6>梦 幻 馨 怡 欢 迎 您

 

动网论坛发全屏HTML代码美贴就必须用下面的代码,先请看效果:

-200px; WIDTH: 970px; POSITION: relative; TOP: 70px" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>



http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>



隶书 color=#faebd7 size=6>梦 幻 馨 怡 欢 迎 您

 

馨怡温馨提醒大家:做HTML美框时,可以以此组代码为基础,只需要更换图片网址即可。在动网论坛代码不能有一点错误,否则发出来就是乱码。尤其注意:前边用了多少

后面就要有多少
收尾。多收和少收都会使帖子出错哦 :)

 

请浏览把HTML美贴分别在本网站及动网论坛改全屏效果的方法及代码

http://xz1.2000y.net/100158/index.asp?xAction=xReadNews&NewsID=2740

请浏览学做HTML音乐图文帖

http://xz1.2000y.net/100158/index.asp?xAction=xReadNews&NewsID=2739

请看论坛:

http://www.xinyi63.com/xinyiBBS/dispbbs.asp?boardID=26&ID=378&page=1

http://bbs.9degree.com/dispbbs.asp?boardID=175&ID=114530&page=1

你可能感兴趣的:(几种常用的HTML文字移动代码[转载])