转贴:学习代码

千秋 · 发表于 2014-6-15 23:10:53

把昨天的烦恼交给风,让今天的感动化作笑容,给忙碌的心情放个假,让平凡的生活变得快乐,愿远方的你们开心快乐每一天。

这是用个性回帖软件复制出的代码贴到论坛上的，节省了自己色彩的安排。

千秋 · 发表于 2014-6-15 23:14:51

[media=x,500,375] 我们一起来学习阳光代码。 [/media]

千秋 · 发表于 2014-6-15 23:30:43

解释说明：

1、scrollAmount。它表示速度，值越大速度越快。默认为6，一般为为1至3。
2、 width和height，表示滚动区域的大小，width是宽度，height是高度。最开始的width是规定显示图片的区域的宽度，每张图片地址后面的width是规定该图片宽度的。

3、direction。表示滚动的方向，默认为从右向左。right→，up↑，down↓。
4、 strollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。可以不进行设置。
5、behavior控制属性，默认为循环滚动，另外有alternate(来回滚动)、slide(只滚动一次，然后停止)

千秋 · 发表于 2014-6-15 23:35:00

文字移动特效：

代码为：
<html>
<marquee direction=left behavior=left width=400 height=90 scrolldelay=80scrollamount=1>
<font color=#00ff00 size=7 face=华文新魏> 好好学习 </font></marquee></html>

说明：
1.先看懂这个代码， <marquee>...</marquee>这是文字(或图片)移动的开始标签和结束标签，加上要移动的文字就组成了一个文字移动元素。它的属性和属性值见下：
属性 direction（移动方向)可选值为:向上(up)　向下(down)　向左(left)
　向右(right)
属性 behavior（移动方式）可选:不停的走（scroll ）只走一次（slide）
behavior=alternate 左右来回走

width=宽度　　height=高度　　scrolldelay=延时　　scrollamount=速度
上面的属性可以随意组合就会产生各种效果。
2.用了behavior=alternate 左右来回走，就不用写属性 direction（移动方向)
3.宽度和高度界定文字活动的范围，一般在实际操作中调节。
4.速度从1开始越大越快。延时一般设在80(延时数值大了,显示效果会跳跃式)

千秋 · 发表于 2014-6-15 23:36:33

初学音画时，当打开HTML制式看到全是一堆代码，面对这些英文字母和数字，确实是很让人头痛的事。就算不晕也不知那些是什么东东来的，往往看不明白也搞不懂认为不好学，实际上只要掌握基本的规律，找到窍门就会觉得它是很简单的，因为它的组成是有定律的、是固定的，一般情况是可以不用去理会里面这么多的代码，只要明白主要部分的代码作用就行了。说句通俗的话，只要学会如何去套用，发挥各自的创意，把喜欢的图片、文字、动画、音乐代进去也就能做出漂亮的音画贴子，下面我就把主要代码解说一下。

一、表格：

边框：<TABLE id=table1style="BORDER-RIGHT: #ff0000 5px dotted; BORDER-TOP: #ff0000 5px dotted;BORDER-LEFT: #ff0000 5px dotted; WIDTH: 615px; BORDER-BOTTOM: #ff0000 5pxdotted; HEIGHT: 323px" cellSpacing=10 borderColorDark=#361c1e cellPadding=0 width=500bgColor=#000000 borderColorLight=#773b3f><TBODY><TR><TD>

<TABLE>…</TABLE> 表格指令

前边用了多少<TABLE......><TR><TD>后面就要有多少

</TR></TD></ TABLE>收尾（就是代表开始与结束）

LEFT: -120px; 定位网页整体的左右位置（也称为横坐标。给出的数值越小，它越向左偏移，给出的数值越大它就越往右移动）

TOP: 0px 表示为边框距顶部的距离（通常情况下设置为0。数值给的越大，它越往下移动）

ALIGN 调整

COLSPAN 栏宽
ROWSPAN 栏高
<CAPTION>…</CAPTION> 表格标题

width="400" 表格宽度，接受绝对值（如 500）及相对值（如 80%）。
height=”800” 表格高度
border="10" 表格边框的厚度。
cellspacing="2" 表格格线的厚度（不同浏览器有不同的内定值，故请指明。）
cellPadding=5　表格格线内厚度

align="CENTER" 表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center
valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　
background="背景图片网址" 表格的背景图片，与 bgcolor 不要同用。
bgcolor="#0000FF" 表格的底色，与 background 不要同用
bordercolor="#CF0000" 表格边框颜色
bordercolorlight="#00FF00" 表格边框向光部分的颜色
bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时
bordercolor 将会失效。

千秋 · 发表于 2014-6-15 23:37:32

二、文字

<MARQUEE><FONTstyle="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal;FONT-VARIANT: normal" face=华文行楷color=#ff00ff>中国老年社区论坛欢迎您！祝您在这里度过开心的每一天。</FONT></MARQUEE>

FONT是文字设置的首标签

<p> 文字的分段标记(可以看作是空行)

<br> 换行（也称回车）

Alignment 文字的对齐

Division 文字的分区显示

top：表示文字居顶端

left：表示文字居左

right：表示文字居右

bottom：表示文字居底部。

bottom：表示文字居底部

<palign=center> 表示居中

<p align=left> 表示居左

<p align=right> 表示居右

face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等
size=字体大小，这里的最大值为7　取值越大文字就越大
font:40pt　数值越大文字就越大
color=颜色代码

<marquee >文字内容</marquee>为滚动用语

direction=up 为上滚； scrollamount=2为滚动速度

height=230为滚动范围

TOP: 100px 是指FLASH与帖子上边之间的距离（也就是FLASH与IE的距离）

LEFT: 280px 是指FLASH与帖子左边的距离

千秋 · 发表于 2014-6-15 23:38:20

三、图片

IMG src="图片地址" （图片地址必须是从网络上取来有效的文件地址）

border=5　图片加边框及宽度

width=500　设置图片宽度（width=属值宽度可自定）

height为滚动范围

千秋 · 发表于 2014-6-15 23:39:27

四、音乐

<EMBEDsrc=http://ws88xx.xj.edu88.com/Images/UploadFiles/20081120072219.mp3width=0 height=0 type=audio/mpeg autostart="true" loop="-1"volume="0"> <FONT color=#c49a71size=7><BR></FONT>

AutoStart=true　表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true
Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。

————————————

opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。

而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。

千秋 · 发表于 2014-6-15 23:40:56

<CENTER><FONTstyle="FONT-SIZE: 40pt;FILTER: shadow(color=green); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%;FONT-FAMILY: 宋体"size=4>阳光知识共享论坛</FONT></CENTER>

<

align=center><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=black); WIDTH: 71.27%;COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT:60px"><B>阳光知识共享论坛</B></FONT></P>

<

align=center><FONT style="FONT-WEIGHT: bolder;FONT-SIZE: 40pt;FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%

OSITION: relative" face=华文行楷 color=#FF0000>阳光之神</FONT> </P>

转贴:学习代码

浏览过的版块