打印

大家一起来学习怎样让自己的帖子动起来

魔君

驴民大法师

Rank: 15

魔高一丈

灌水大队长功臣元老

1^# 大中小发表于 2007-8-14 10:56 只看该作者

大家一起来学习怎样让自己的帖子动起来

讲一下怎么样运用代码的具体操作步骤：　

第一步：复制代码．　　　　　　　　　　　　　　　　　　

第二步：用鼠标点击内容里的代码．　　　　　　　　

　第三步：粘贴代码（把复制的代码粘贴到内容里）．

　第四步：在插入文字处写上自己的文字．　　　　

　第五步：点预览．（一切完成了）

（一）如何让文字流动起来(文字移动不需要上面的步骤,直接复制换上你喜欢的任意字就可以了)

运用源代码，在HTML中编辑，具体情况如下：

一、滚动字幕[由右至左]

二、滚动字幕[由左至右]

（一）

（二）

1、复制它： <marquee direction="right">滚动文字</marquee>

2、将其中的文字换成你需要的文字三、滚动字幕[由下至上]

（一）<marquee scrollamount="2" scrolldelay="40" width="400" height="100" direction="up">滚动文字</marquee>

（二）

1、复制它： <marquee direction="up">滚动文字</marquee>

2、将其中的文字换成你需要的文字

四、滚动字幕[左右交替]

五、让文字左右来回流动

1、复制以下代码：

<marquee behavior="alternate">滚动文字</marquee>
2、将文字换成你需要的文字

注意：其中的数字是设置字幕的高度、宽度，均为像素。根据自己需要摸索调整。

参数一：direction

direction的英文意思就是方向。这个参数的取值有四个：left（左)、right(右)、up(上)、down(下)。

例：<marquee direction=up>向上移动</marquee>

向上移动

参数二：behavior

移动方式。值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

例：<marquee direction=left behavior=alternate>哈哈，我来回走！</marquee>

哈哈，我来回走！

<marquee direction=left behavior=slide>累！我只走一次！</marquee>

累！我只走一次！

参数三：loop

循环。若未指定则循环不止(infinite)，其值取数值。例：

<marquee loop=3>我只走三次哦</marquee>

我只走三次哦

参数四：scrollamount

移动速度。值取正整数。数值越大，速度越快。例：

<marquee scrollamount=25>看，我走多快！</marquee>

看，我走多快！

参数五：scrolldelay

延时。数值。例：

<marquee scrolldelay=1000>我走一走，停一停</marquee>

我走一走，停一停

参数六：bgcolor

底色。例：<marquee bgcolor=pink>看到了吧？有底色！</marquee>

看到了吧？有底色！

参数七：width和height

就是移动的宽度与高度了。例：

<marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动！</marquee>

这个面积不够我移动！

其他参数：

空白(Margins)<hspace=数值 vspace=数值>
对齐方式(Align) <align=top/ middle/bottom>

二)贴子图片格式解析

在这里先说说图片格式。有的新手不知如何是去区别格式。举例说几个常用的格式：以JPG、GIF、BMP为后缀名的，都是图片格式。BMP精度高占空间大，这种格式一般不用或少用（可以在本机上转换格式为JPG）。GIF支持网页及一些简单的动画。最高色彩达到256色。

帖图基本格式如下：

<IMG> 称图形标记，主要用来插入图形标记。

<IMG> 的一般参数设定：

　　例如 <imgsrc="logo.gif"width=100height=100hspace=5vspace=5border=2align="top"alt="Logo of PenPals Garden"lowsrc="pre_logo.gif">

src="logo.gif"
图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展，于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则必须加上正确的路径，相对或绝对均可。
width=100height=100
设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真
hspace=5vspace=5
设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间，是设定图片上下的空间，高度采用 pixels 作单位。
border=2
图片边框厚度
align="top"
调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom，
texttop 表示图片和文字依顶线对齐，
baseline 表示图片对齐到目前文字行底线值，
absmiddle 表示图片对齐到目前文字行绝对中央，
absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。
alt="Logo of PenPal Garden"
这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示
lowsrc="pre_logo.gif"
设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本

图片位置设置

例1：

原代码：

给图片加边框：

例：

源代码：（注意外框尺寸）

图片在框内上下左右间的距离：

源代码：

(三)如何在图片中加入文字？

如何在图片中加入文字？

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center background= border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

兰色是：背景网址（可换）

红色是：放入文字的位置和格式

四）左右移动字方法:

左右移动的字！

左右移去的字！

左右移去的字！

大家谢谢纪秋斑斑！

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
< align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字！</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字！</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>大家一起来学习！</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

在图中如何加入SWF特效：

如何在图片中加入文字？

如何在图片中加入SWF特效？

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center background= border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

绿色：是放入特效的位置和格式

如何使用上下滚动字幕？

如何在图片中加入文字？

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center background= border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONTcolor=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

==============================

文字上下滚动代码：<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONTcolor=#ff00ff>注：scrollAmount=2 是控制字速，数值越大字速就越快！