引用

玫瑰夫人 的 音画flash定位代码

音画flash定位代码          最近有点忙，没顾得上整理新代码，今天刚好有朋友问到这个代码，就随便整理了一些，贴出来和大家分享，喜欢的朋友可一起学习！   坐标控制绝对定位贴图的方法。 　　在学用音画特效帖中，有几个间题较难处理： （１）绝对定位外部挂贴，要插入的内容往往不是在自已的贴子里。 （２）在背景图片加叠Flash后，要再加文字或图片很困难。 （３）在背景图同一区域中的多个位置上，要插入图文，虽然有靠左居顶等指令，但仍不是很好的办法。近日在整理学习笔记时，觉得有一种代码指令可以解决这些问题，提供大家参考探讨。   　　设置一个规定范围的表格（图框），代码如下： <TABLE id=table style=" ridge; LEFT: 0px; ridge; WIDTH: 500px; ridge; POSITION: relative; TOP: 0px; HEIGHT: 550px" background=http://bbs.guqu.net/UploadFile/2004-12/20041230144914462.jpg border=0> <TR> <TD> 插入图文 </TD></TR></TABLE> 　　表格化的绝对定位代码： <TABLE id=table1 style="ridge; LEFT: 10px; WIDTH: 220px; ridge; POSITION: absolute; TOP: 0px; HEIGHT: 120px"> <TR> <TD> 文字设置代码： <FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 150%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书> 文字内容 </FONT> 或插入图片贴图代码： <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=160 width=140 src="图片地址"> </TD></TR></TABLE> 　　代码语句说明： LEFT: 10px; WIDTH: 220px;插入内容与左边的距离和宽度的范围。 TOP: 0px; HEIGHT: 400px插入内容与顶部的距离和高度的范围。   可以把特效放在任何位置的代码 一般有时候我们只能把东西放在面板里，比如说天气预报等，但是怎么把它们移出去放到面板外面页面内的任意位置呢，方法不是没有的，可以用下面这段定位代码来实现： <DIV style="RIGHT: 300px; ; TOP: 100px"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD>某个东西的代码（比如天气预报等）</TD></TR></TBODY></TABLE></DIV> 把特效文字的代码替代“某个东西的代码（比如天气预报等）”这几个字，然后把代码添加到空白面板里就可以了。 这段代码的基本原理是设置一个表格，然后把特效文字代码放进去，再定位表格的位置而已。 定位坐标RIGHT: 300px和TOP: 100px分别表示距离屏幕右边缘和上边缘的的距离，其具体数值可根据实际需求而定。 以此类推，大家可以把其他其他东西的代码放进去替代“某个东西的代码（比如天气预报等）”这几个字，比如说涂鸦板，天气预报，新闻，播放器等等代码，这样就能把他们定位到主页上的任意位置。 举一反三，我们还可以把它和之前我介绍的随屏滚动的代码(具体详见文章两侧的掛件(对联)代码结合起来，使其在拉动页面滚动条的时候能随着屏幕滚动： <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: +eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-200); TEXT-ALIGN: center"> <TABLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD>要定位的东西的代码</TD></TR></TBODY></TABLE></DIV> 关于定位坐标-980和-200的说明：   1、clientWidth后面负数的绝对值越大越靠近左侧。 2、clientHeight后面负数的绝对值越大越靠近上部。 3、代码中的那个8px好像是坐标参数，保持默认即可，无需改动。   这样比如说你如果把涂鸦板的代码放进去，添加空白面板后，你的涂鸦板就能跟着屏幕滚动了。 同理，你如果把透明FLASH的代码代进去，比如说两只飞舞的蓝色蝴蝶的代码 <EMBED style="LEFT: 0px; ; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=950 height=1500 type=application/x-shockwave-flash wmode="transparent" quality="high" ;> 这样就解决了透明FLASH只能在页面某一部分显示，等拉动滚动条后就看不见了的问题，使其能在页面漂浮。       ———————————————————— 网页上透明FLASH代码详解及FLASH页面定位 分类:网页特效 （一）首先教大家最简单的插入Flash的代码，透明（很多刚开始学FLASH的同学问的最多的问题），无坐标控制： 注意wmode="transparent"是控制Flash是否透明显示的，如果不想让它显示为透明的，直接把wmode="transparent"去掉即可。 <EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=img/1.swf type=application/x-shockwave-flash width=500 wmode="transparent" quality="high"></EMBED> （二）再教教大家加入绝对坐标的透明Flash，绝对坐标意味着不管你的窗口拉多大，那个Flash依然乖乖地在原地不动 <EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 1000px" align=right src=http://user.hjenglish.com/yangbb/pics/snow.swf width=500 height=2000 type=application/octet-stream ;; quality="high" wmode="transparent"> （三）最后教教大家如何加入相对坐标的透明Flash，注意下面代码的table部分，这主要是使用表格作为容器，把Flash“装”到表格里，这样不管浏览者把浏览器拉多大，Flash永远和表格一起动。而且，表格可以设置背景图片，表格上面再放一个透明Flash与背景图片相配合，哇塞，效果好得不得了。 <table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center  background=/book/ewebeditor/UploadFile/20051212165525581.jpg> <TD width=600 height=382><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://user.hjenglish.com/yangbb/pics/hearts.swf width="100%" height="100%" type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></td></table>     —————————————————————————— flash定位代码 其实对一些已有的各类源代码进行一些改动，以达到自己理想的效果，并不是一件难事儿！今天，现在就为大家改成了一个很实用的“多功能网页滚动式定位代码”用此代码你可以把任何喜欢的东西定位在网页任何你喜欢的位置上。下面介绍一下自改代码的方式；大家也可以对一些不满意的代码进行修改，改成自己需要的满意的代码！！这个例子是；把悬浮挂件的源代码和flash时钟的源代码嫁接在一起，就变成了一个能把flash时钟定位在网页任何位置的“网页时钟定位代码”也可以把‘悬浮挂件’的源代码和‘播放器’的源代码嫁接在一起，变成“网页播放器定位代码”，变变变变变变！想怎么变就怎么变！任何东西都可以定位在网页上~ 例子一：（网页flash时钟滚动式定位代码） <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1000); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><EMBED src=flash时钟的地址 width=170 height=170 type=application/x-shockwave-flash></DIV> 例子二：（网页播放器滚动式定位代码） <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1000); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><EMBED src=音乐链接区 width=200 height=50 type=audio/mpeg autostart="true" loop="true"></DIV> 例子三：（网页滚动字、滚动公告定位代码）（随滚动条滚动的欢迎词） <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-800); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-400); TEXT-ALIGN: center"><FONT size=3> <MARQUEE style="WIDTH: 1010px; HEIGHT: 3px" scrollAmount=10 scrollDelay=10 width=1010 height=3> <P align=left>这里是您要写的公告内容<BR><BR></P></FONT></MARQUEE></FONT></DIV> 代码提示说明： (document.body.clientWidth)-1000); 表示被定位物体的左右位置，负数值越大距离左侧越远（可自行调节） (document.body.clientHeight)-500); 表示被定位物体的上下位置，负数值越大距离下方越远（可自行调节） scrollAmount=1   scrollDelay=1     也就是滚动速度，数值越大滚动越快（可以自行数值） direction=是滚动的方向，up=上，down=下，left=左，right=右， size=3是滚动字字体的大小。都可以自定义设置 下面的这个定位代码是网络上已存在的定位代码（固定式定位代码）是把需要定位的特效放在表格里然后再定位表格内的特效.效果没有自己篡改的定位代码好用！ <DIV style="RIGHT: 300px; POSITION: absolute; TOP: 100px"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD>此处粘贴需要定位的特效</TD></TR></TBODY></TABLE></DIV> 下面的这个定位代码是网络上已存在的定位代码（滚动式定位代码）是把需要定位的特效放在表格里然后再定位表格内的特效.效果没有篡改的定位代码好用！ <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"> <TABLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD>此处粘贴需要定位的特效</TD></TR></TBODY></TABLE></DIV>    就是这么的简单，参照以上的例子，你也可以任意的改动自己喜欢的源代码！还不快行动起来！ ———————————————————————————————————————————————— 一.插入FLASH动画的代码的代码如下：   <IFRAME id=sgnframe border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="你的flash动画地址" frameBorder=0 width=600 scrolling=no height=400></IFRAME>   其中width=和height=分别为FLASH的长和宽     二. 绝对定位代码,使特效或者其他插件在任何情况下都不变形!     其中left:和top:分别为距离左边框和顶边框的距离!   <table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collapse: collapse;left:0px;top:12px;width:expression(eval(document.body.clientWidth));background-color:transparent;" ><tr><td align="center">FLASH内容</td></tr></table> —————————————————————— ———————————————— 让新浪博客横幅绝对的定位 一 代码如下：（绝对定位源代码） <table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collapse: collapse;left:0px;top:12px;width:expression(eval(document.body.clientWidth));background-color:transparent;" ><tr><td align="center">这里覆盖需要定位的内容</td></tr></table> 二代码如下：（绝对定位+框架） <table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collapse: collapse;left:0px;top:12px;width:expression(eval(document.body.clientWidth));background-color:transparent;" ><tr><td align="center"><IFRAME marginWidth=0 marginHeight=0 src="在文字上覆盖地址" frameBorder=0 width=770 scrolling=no height=48></IFRAME> </td></tr></table> 有时候自己上传的FLSH导航栏，FLASH横幅，播放器等等都需要绝对的居中，不能有一点偏离！把你上传后打开的地址复制，然后粘贴覆盖到代码中的 文字即可，然后复制代码-粘贴到模块中，调整代码中的上下数值，把你想要的效果放在特定的位置！ 代码说明： top:12px 上下位置的数值，数字越大，定位的东西越往下。（自动居中，只调整上下即可） width=770 框架的长 height=48 框架的宽 可根据实际情况自己调整。   ————————————————————————————————————————   代码随意的定位 代码如下： <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD>这里覆盖连接代码</TD></TR></TBODY></TABLE></DIV> 你想怎么定位就在以上代码中 “这里覆盖连接代码 ”覆盖添加上连接的代码，比如说，你想定位一张图片，那么只要在代码中 “这里覆盖连接代码” 上覆盖了这个图片连接的代码：<IMG src="文字上覆盖图片地址">就行了。 代码演示：（定位图片） <DIV> </DIV><DIV style="RIGHT: 300px; POSITION: absolute; TOP: 100px"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD><IMG src="文字上覆盖图片地址"> </TD></TR></TBODY></TABLE></DIV> 参数说明： RIGHT: 300px和TOP: 100px分别表示距离屏幕右边缘和上边缘的的距离，具体数值可根据实际情况自己修改。 注：比如说我想放一个视频，那么你就要把连接视频的代码覆盖在定位代码中的 这里覆盖连接代码 上。 如果需要绝对定位的居中，请使用本站的：   —————————————————————————————————————— 蝶儿满天飞的代码: <TABLE height=210 width=532 align=center border=0> <TBODY> <TR> <TD><EMBED style="WIDTH: 478px; HEIGHT: 392px" src=http://bbs.flasher123.com/UploadFile/2004-1/200413015495958055.swf width=478 height=392 type=application/x-shockwave-flash></EMBED></TD></TR> <TR> <TD vAlign=top width=97 height=106></TD> <TD vAlign=top width=425 height=106></TD></TR> <TR> <TD vAlign=top width=522 colSpan=2 height=13> <P align=center>&nbsp;</P></TD></TR></TBODY></TABLE> 闪动星星的代码 <EMBED style="LEFT: 0px; ; TOP: 10px" align=right src=http://imgfree.21cn.com/free/flash/5.swf width=600 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>   下落星星代码 <EMBED style="LEFT: 680px; ; TOP: 420px" align=right src=http://media.163888.net/virtualdir1/2006/01/05/18/Flash/22957710937153.swf width=200 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high" ;> 水滴的代码 <CENTER><EMBED style="LEFT: 10px; ; TOP: -70px" align=right src=http://www.mydeskcity.com/Images/drip.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>   —————————————————————————————————————— 博客左右挂件装饰代码设置  1.挂件在固定位置: <DIV style="RIGHT: 10px; ; TOP: 100px"><IMG src="图片地址" border=0></A></DIV> （以上为右挂件代码，更换RIGHT为LEFT，则为左挂件代码）   以下是一些挂件的代码   http://bbs.680.cn/UploadFile/2005-6/200562417382936892.gif http://bbs.680.cn/UploadFile/2005-6/200562417254132225.gif http://bbs.680.cn/UploadFile/2005-6/20056241729213427.gif http://bbsimg.qq.com/2005/08/08/000/983.gif http://www.xlzy.com/bbs/UploadFile/2005-3/200535231126268.gif http://www.xlzy.com/bbs/UploadFile/2005-3/200535234237466.gif     更多的挂件地址   http://wufengpu.blog.hexun.com/2750161_d.html 2.挂件随滚动条移动: <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: +eval(document.body.clientWidth)-1020); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-600); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV> 代码说明： (document.body.clientWidth)-1020);表示图片的左右位置，负数值越大距离左侧越远 (document.body.clientHeight)-600);表示图片的上下位置，负数值越大距离下方越远   ———————————————————————— FLASH的叠加代码: <CENTER><TABLE style="WIDTH: 280px; HEIGHT: 222px" cellSpacing=8 cellPadding=1 width=280 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table> <TBODY> <TR> <TD><EMBED align=right src=http://www.5blogs.com/rss/3_.swf width=280 height=170 type=application/octet-stream wmode="transparent" quality="high" ><EMBED align=right src=http://imgfree.21cn.com/free/flash/162.swf width=280 height=170 type=application/octet-stream quality="high" wmode="transparent" ></TD></TR></TBODY></TABLE></CENTER> —————————————————— html语言基本常识： <html> </html>标志着html文件的开始与结束 <head> </head>头部标志符 <title> </title>网页的标题 <boby> </boby>构成web的主体 1.background 定义网页的背景图案 2.bgcolor 背景色（默认 白） 3.text 文字颜色（默认 黑） 4.link 超链接颜色（默认 蓝） 5.alink 当前被选中的超链接颜色（默认 红） 6.vlink 已被访问过的超链接颜色（默认 紫） <font> </font>标志符可以控制字符的样式 1.face 设置文字的字体效果 2.color 设置文字颜色 3.size 设置字体大小 <b></b>   粗体     <strike></strike>删除线 <big></big>大字体   <sub></sub>下标 <i></i>斜体       <sup></sup>上标 <s></s>删除线     <u></u>下划线 <small></small>小字体 <hn></hn>设置文件中的标题 nj 1~6的数字 <p></p>(paragraph)划分段落 <pre></pre>预格式化标志符 <hr> 换行并绘制一条水平线（没有结束标志符） 1.width 水平线长度 2.size 水平线粗细 3.noshade 无阴影 4.align 水平线的对齐方式（left   center   right) 5.color 水平线颜色 <br> 强制换行(没有结束标志符) <ol> <li>......</li> <li>......</li> ....... </ol> 设置有序列表   li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III.... (两个属性:type start) <ul> <li>......</li> <li>......</li> ...... </ul> 无序列表 (一个属性:type disc实心圆 circle空心圆 square方框) <a></a>实现超链接 1.href 定义超链接所指向的文档的URL 2.target 目标窗口 3.name 锚名称 （该属性一般在创建页面内超链接时使用) <a href="/URL"> </a>使用a标志符创建超链接时，可以使用相对路径（同一网站内的文件），也可以使用绝对路径（指向本站点以外的文件) <a > </a> ..... <a href="#锚点名称"> </a> 创建网面内超链接逻辑上分为两步，首先定义锚点，然后再创建指向锚点的超链接 <a href="mailto:电子邮箱地址"> </a>指向电子邮箱的超链接> <img> 插入图像 1.src 设置被引用的图像文件所在的位置 2.alt 设置图像的简单文字说明 3.width,height 设置图像的宽度与高度 4.align 对齐方式(left,right,top,bottom,middle) 5.border 边框宽度 6.hspace ,vspace 定义了图像与周围元素的水平和垂直间距 <map > <area> <area> ...... </map> <img src="/"usemap="#图像映射名称"> <map></map>定义了图像映射的区域                 img通过usemap可以确定与所建立的图像映射区域的关系                 area定义图像不同区域与不同文档之间建立链接                 1.shape 形状(rect矩形 circle圆 poly多边形)                 2.coords 坐标                 3.target 目标窗口                 4.alt 替换文字 <table> <caption> </caption> <tr> <th> </th><th> </th>...... </tr> <tr> <td> </td><td> </td>...... </tr> <tr> <td> </td><td> </td> </tr> ...... </table>   table标记符定义表格 caption定义表格标题 tr标记符定义表格的行   th,td标志符定义表格的单元格 th定义表头单元格 table可以创建一个新的表格 1.width(宽),height(高) 2.border(边框) 3.bgcolor(背景颜色) 4.align(对齐方式left right center) 5.cellpadding(填充距) 6.cellspacing(单元格间距) 7.rules(分隔线   none无分隔线 groups在行列之间有   rows只有行分隔线   cols只有列 all所有) 8.frame(边框 void无边框 above只显示顶部边框 below只显示底部边框 hsides只显示顶，底部边框   vsides只显示左右边框 lhs显示左边框 rhs显示右 box显示所有) <tr> </tr>表行 1.align 对齐方式(left center right) 2.valign 垂直对齐方式 (top middle bottom baseline) 3.bgcolor 背景颜色 <td></td>表格数据 1.width,height 2.align(left right center) 3.valign(top middle bottom) 4.bgcolor 5.rowspan 单元表的行数 6.colspan 单元表的列数 <frameset> <frame> <frame> ...... <frame> </frameset>   frameset是将窗口分割成若干个子窗口，子窗口数取决于frame的个数 <frame> 标记符来标识子窗口(无结果符) 1.name 2.src(源) 设置框架内容的URL 3.frameborder(框架边框) 4.marginwidth (框架的左右边距) 5.marginheight(框架的上下边距) 6.scrolling(是否显示滚动条 auto自动 yes显示   no不显示) 7.noresize(不允许调整框架的尺寸) <a herf="目标文件"target="目标框架名">超链接内容</a> 1._top 表示将超链接的目标文件装入整个浏览器窗口 2._self 表示将超链接的目标文件装入当前框架，以取代该框架中正在显示的文件 3._blank 表示将超链接的目标文件装入一个新的浏览窗口 4._parent 表示将超链接的目标文件装入当前框架的父框架 <iframe></iframe>定义了一个页面内的框架 1.src(源) 设置框架内容的URL 2.name 3.width,height 4.align (top middle bottom) 5.frameborder(框架边框) 6.marginwidth(框架左右边框),marginheight(框架上下边框) 7.scrolling(是否显示滚动条 auto yes no) <form></form>表单 1.method(方法) 定义表单的提交方式 2.action(动作) 指定表单所对应的处理程序 <input> 定义了一个用于用户输入的表单元素(无结束标记符) 1.name 标识表单元素 2.type 指定表单元素的类型(text文本 password密码 checkbox复选框 radio单选框 submit提交按钮 reset重置按钮) <input type="text">将type指定为text,在浏览器中显示一个文本输入框，供用户输入信息 1.value (初始值) 2.size (尺寸) 3.maxlength(输入文本的最大字符数) <input type="password">密码文本框 例:<form> 密码:<input type="password"size="10"maxlength="15"> </form> <input type="checkbox">复选框 例:<from> <p>你的爱好:</P> <input type="checkbox"value="music"checked>音乐 <input type="checkbox"value="sports">体育 <input type="checkbox"value="other">其它 </form> <input type="radio">单选框 例:<form> <p>公司的人数:</p> <p><input type="radio">少于10人</p> <p><input type="radio"checked>10人至100人</p> <p><input type="radio">100人以上</p> </form> <input type="submit">提交按钮 <form> <input type="submit"value="提交"> </form> <input type="reset">重置按钮 <input type="image">图像提交按钮 <input type="file"> <input type="buttom"> <input type="hidden"> <textarea> </textarea>定义一个用于用户多行输入的表单元素 1.name 指定文本域的名称 2.rows 指定文本域的高度 3.cols 指定文本域的宽度 <select> <option></option> <option></option> ...... <option></option> </select> 定义了一个选项列表表单元素 1.name 指定选取项列表的名称 2.size 指定列表选项显示时一次显示选项的数目 3.multiple使用该属性可以允许多重选择 4.value 指定当该选项被选中并提交后，浏览器传给服务器的数据 5.selected 指定哪一个选项在默认状态下是选中状态 <label></label>选中该控件 <marquee></marquee>创建一些滚动字幕 1.direction(方向 left right up down) 2.behavior (行为   scroll绕圈滚动 slide只滚一次 alternate来回滚动) 3.loop (循环) 4.scrollamount(滚动的速度) 5.scrolldelay(滚动延时) 6.align(对齐方式 top middle bottom) 7.bgcolor 8.height,width 9.hspace,vspace(垂直和水平间距) <applet> <param> <param> ...... </applet> applet用来在网页中插入一个Java小应用程序对象 1.code(源代码) 指定Java小应用程序的源代码文件(.class文件) 2.name 3.width,height 4.align param用来定义Java小应用程序中的参数 1.name 2.value(值)给变量赋值 3.valuetype(值类型 data表示value指定的值将作为一个字符串传递的对象         ref表示value指定的值是一个URL         object表示value指定的值是一个指向同一文档中一个object的标志符) 4.type(类型)当valuetype属性的值设置为ref时，此属性指定了URL所代表资源的内容类型 <object> <param> <param> ...... </object> object可以定义很多种不同的多媒体文件 1.classid:该属性指定了浏览器中用来播放相应多媒体对象的控件ID 2.codebase:定义多媒体文件相对位置的根目录 3.codetype:指定当下载由classid所指定的对象时使用的数据内容的类型 4.data:定义多媒体文件的位置 5.type:定义多媒体文件的类型 6.width,height selector{property1:value1;property2:value2......}selector表示需要应用式样的对象                     property表示由css标准定义的样式属性                     value表示样式赂性的值 例:h2{text-align:center;font-family:楷体_gb2312} selector.classname{property1:value1;......} 标记符类 .classname{property:value;......} 通用类 #IDname{property:value;......}用户定义ID 虚类 a:link或:link 当超链接末被访问过时，超链接的显示方式 a:visited或:visited 当超链接已经被访问过时，超链接的显示方式 a:active或:active当超链接当前为选中姿态时，超链接的显示方式 a:hover或:hover 当鼠标指针悬停在超链接上时，超链接的显示方式 例:   a:link{color:blue} 长度单位 1.em:它所代表的长度是当前字体中m字母的宽度 2.ex:它所代表的长度是当前字体中x字母的高度 3.px:像素，它是相对于计算机屏幕的分辨率来定义的 in:英寸，1in=2.54cm 1cm=10mm pt:点,1点=1/72in   pc:帕 1帕=12点 font-family(字体族) font-family:字体名称 | 字体族名称 例：   p{font-family:黑体，宋体，serif} font-style(字体风格) font-style:字体风格名称 例:   p{font-style:oblique} font-size(字体大小) font-size:绝对大小 | 相对大小 | 百分比 font-variant(字体变形) font-varient:字体变形值 1.normal(普通) 2.small-caps(小型大写字母) font-weight(字体加粗) font-weight:字体加粗值 1.normal(普通) 2.bold(加粗) 3.bolder(更粗) 4.lighter(更细) letter-spacing(字符间距) letter-spacing:数值 text-decoration(文字修饰) text-decoration:文字修饰效果 1.none 无 2.underline 下划线 3.overline 上划线 4.line-through 删除线 5.bink 闪烁 text-transform(文本转换) text-transform:文本转换方式 1.none 无 2.capitalize 使所有单词的第一个字母大写 3.uppercase 使所有单词字母都大写 4.lowercase 使所有单词字母都小写 text-align(文本对齐方式) text-align:对齐方式 1.left 2.right 3.justify 可调整 text-indent(文本缩放) text-indent:缩放的数值 line-height(行高) line-height:数值 margin(页边距) margin:数值 padding(填充距) padding:数值 例： table{padding:2cm 3cm 5cm}上填充距2cm,左右填充距为3cm,下填充距5cm border-style(边框样式) border-style:边框样式 1.none 2.dotted 点线 3.dashed 虚线 4.solid 实线 5.double 6.groove 凹线 7.ridge 凸线 8.inset 内陷 9.outset 外凸 border-color(边框颜色) border-color: 颜色值 border-width(边框宽度) border-width:数值 1.thin 细 2.medium 中 3.thick 宽 border(边框) border:边框样式|边框宽度|边框颜色 例: h1{border:5px solid red} float(浮动) float:参数 1.none 2.left 3.right