【代码应用】音画flash定位代码

坐标控制绝对定位贴图的方法。   在学用音画特效帖中,有几个间题较难处理: (1)绝对定位外部挂贴,要插入的内容往往不是在自已的贴子里。 (2)在背景图片加叠Flash后,要再加文字或图片很困难。 (3)在背景图同一区域中的多个位置上,要插入图文,虽然有靠左居顶等指令,但仍不是很好的办法。近日在整理学习笔记时,觉得有一种代码指令可以解决这些问题,提供大家参考探讨。   设置一个规定范围的表格(图框),代码如下: 插入图文表格化的绝对定位代码:文字设置代码: 文字内容 或插入图片贴图代码:

代码语句说明: LEFT: 10px; WIDTH: 220px;插入内容与左边的距离和宽度的范围。 TOP: 0px; HEIGHT: 400px插入内容与顶部的距离和高度的范围。 可以把特效放在任何位置的代码 一般有时候我们只能把东西放在面板里,比如说天气预报等,但是怎么把它们移出去放到面板外面页面内的任意位置呢,方法不是没有的,可以用下面这段定位代码来实现:某个东西的代码(比如天气预报等)把特效文字的代码替代“某个东西的代码(比如天气预报等)”这几个字,然后把代码添加到空白面板里就可以了。 这段代码的基本原理是设置一个表格,然后把特效文字代码放进去,再定位表格的位置而已。 定位坐标RIGHT: 300px和TOP: 100px分别表示距离屏幕右边缘和上边缘的的距离,其具体数值可根据实际需求而定。 以此类推,大家可以把其他其他东西的代码放进去替代“某个东西的代码(比如天气预报等)”这几个字,比如说涂鸦板,天气预报,新闻,播放器等等代码,这样就能把他们定位到主页上的任意位置。 举一反三,我们还可以把它和之前我介绍的随屏滚动的代码(具体详见文章两侧的掛件(对联)代码结合起来,使其在拉动页面滚动条的时候能随着屏幕滚动: 要定位的东西的代码关于定位坐标-980和-200的说明: 1、clientWidth后面负数的绝对值越大越靠近左侧。 2、clientHeight后面负数的绝对值越大越靠近上部。 3、代码中的那个8px好像是坐标参数,保持默认即可,无需改动。 这样比如说你如果把涂鸦板的代码放进去,添加空白面板后,你的涂鸦板就能跟着屏幕滚动了。 同理,你如果把透明FLASH的代码代进去,比如说两只飞舞的蓝色蝴蝶的代码

这样就解决了透明FLASH只能在页面某一部分显示,等拉动滚动条后就看不见了的问题,使其能在页面漂浮。 ———————————————————— 网页上透明FLASH代码详解及FLASH页面定位 (一)首先教大家最简单的插入Flash的代码,透明(很多刚开始学FLASH的同学问的最多的问题),无坐标控制: 注意wmode="transparent"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。

(二)再教教大家加入绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地不动

(三)最后教教大家如何加入相对坐标的透明Flash,注意下面代码的table部分,这主要是使用表格作为容器,把Flash“装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,表格上面再放一个透明Flash与背景图片相配合,哇塞,效果好得不得了。

—————————————————————————— flash定位代码 其实对一些已有的各类源代码进行一些改动,以达到自己理想的效果,并不是一件难事儿!今天,现在就为大家改成了一个很实用的“多功能网页滚动式定位代码”用此代码你可以把任何喜欢的东西定位在网页任何你喜欢的位置上。下面介绍一下自改代码的方式;大家也可以对一些不满意的代码进行修改,改成自己需要的满意的代码!!这个例子是;把悬浮挂件的源代码和flash时钟的源代码嫁接在一起,就变成了一个能把flash时钟定位在网页任何位置的“网页时钟定位代码”也可以把‘悬浮挂件’的源代码和‘播放器’的源代码嫁接在一起,变成“网页播放器定位代码”,变变变变变变!想怎么变就怎么变!任何东西都可以定位在网页上~ 例子一:(网页flash时钟滚动式定位代码)

例子二:(网页播放器滚动式定位代码)

例子三:(网页滚动字、滚动公告定位代码)(随滚动条滚动的欢迎词) 这里是您要写的公告内容代码提示说明: (document.body.clientWidth)-1000); 表示被定位物体的左右位置,负数值越大距离左侧越远(可自行调节) (document.body.clientHeight)-500); 表示被定位物体的上下位置,负数值越大距离下方越远(可自行调节) scrollAmount=1 scrollDelay=1 也就是滚动速度,数值越大滚动越快(可以自行数值) direction=是滚动的方向,up=上,down=下,left=左,right=右, size=3是滚动字字体的大小。都可以自定义设置 下面的这个定位代码是网络上已存在的定位代码(固定式定位代码)是把需要定位的特效放在表格里然后再定位表格内的特效.效果没有自己篡改的定位代码好用! 此处粘贴需要定位的特效下面的这个定位代码是网络上已存在的定位代码(滚动式定位代码)是把需要定位的特效放在表格里然后再定位表格内的特效.效果没有篡改的定位代码好用! 此处粘贴需要定位的特效就是这么的简单,参照以上的例子,你也可以任意的改动自己喜欢的源代码!还不快行动起来! ———————————————————————————————————————————————— 一.插入FLASH动画的代码的代码如下: 其中width=和height=分别为FLASH的长和宽 二. 绝对定位代码,使特效或者其他插件在任何情况下都不变形! 其中left:和top:分别为距离左边框和顶边框的距离! FLASH内容—————————————————————— ———————————————— 让新浪博客横幅绝对的定位 一 代码如下:(绝对定位源代码) 这里覆盖需要定位的内容二代码如下:(绝对定位+框架)有时候自己上传的FLSH导航栏,FLASH横幅,播放器等等都需要绝对的居中,不能有一点偏离!把你上传后打开的地址复制,然后粘贴覆盖到代码中的 文字即可,然后复制代码-粘贴到模块中,调整代码中的上下数值,把你想要的效果放在特定的位置! 代码说明: top:12px 上下位置的数值,数字越大,定位的东西越往下。(自动居中,只调整上下即可) width=770 框架的长 height=48 框架的宽 可根据实际情况自己调整。 ———————————————————————————————————————— 代码随意的定位 代码如下:这里覆盖连接代码你想怎么定位就在以上代码中 “这里覆盖连接代码 ”覆盖添加上连接的代码,比如说,你想定位一张图片,那么只要在代码中 “这里覆盖连接代码” 上覆盖了这个图片连接的代码:

就行了。 代码演示:(定位图片)

参数说明: RIGHT: 300px和TOP: 100px分别表示距离屏幕右边缘和上边缘的的距离,具体数值可根据实际情况自己修改。 注:比如说我想放一个视频,那么你就要把连接视频的代码覆盖在定位代码中的 这里覆盖连接代码 上。 如果需要绝对定位的居中,请使用本站的: —————————————————————————————————————— 蝶儿满天飞的代码:

闪动星星的代码

下落星星代码

水滴的代码

—————————————————————————————————————— 博客左右挂件装饰代码设置 1.挂件在固定位置:

(以上为右挂件代码,更换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.挂件随滚动条移动:

代码说明: (document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远 (document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远 ———————————————————————— FLASH的叠加代码: —————————————————— html语言基本常识: 标志着html文件的开始与结束 头部标志符 网页的标题 构成web的主体 1.background 定义网页的背景图案 2.bgcolor 背景色(默认 白) 3.text 文字颜色(默认 黑) 4.link 超链接颜色(默认 蓝) 5.alink 当前被选中的超链接颜色(默认 红) 6.vlink 已被访问过的超链接颜色(默认 紫) 标志符可以控制字符的样式 1.face 设置文字的字体效果 2.color 设置文字颜色 3.size 设置字体大小 粗体 删除线 大字体 下标 斜体 上标 删除线 下划线 小字体 设置文件中的标题 nj 1~6的数字(paragraph)划分段落 预格式化标志符 换行并绘制一条水平线(没有结束标志符) 1.width 水平线长度 2.size 水平线粗细 3.noshade 无阴影 4.align 水平线的对齐方式(left center right) 5.color 水平线颜色强制换行(没有结束标志符) ................... 设置有序列表 li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III.... (两个属性:type start) .................. 无序列表 (一个属性:type disc实心圆 circle空心圆 square方框) 实现超链接 1.href 定义超链接所指向的文档的URL 2.target 目标窗口 3.name 锚名称 (该属性一般在创建页面内超链接时使用)使用a标志符创建超链接时,可以使用相对路径(同一网站内的文件),也可以使用绝对路径(指向本站点以外的文件) .....创建网面内超链接逻辑上分为两步,首先定义锚点,然后再创建指向锚点的超链接指向电子邮箱的超链接> 插入图像 1.src 设置被引用的图像文件所在的位置 2.alt 设置图像的简单文字说明 3.width,height 设置图像的宽度与高度 4.align 对齐方式(left,right,top,bottom,middle) 5.border 边框宽度 6.hspace ,vspace 定义了图像与周围元素的水平和垂直间距 ......

定义了图像映射的区域 img通过usemap可以确定与所建立的图像映射区域的关系 area定义图像不同区域与不同文档之间建立链接 1.shape 形状(rect矩形 circle圆 poly多边形) 2.coords 坐标 3.target 目标窗口 4.alt 替换文字 .................. 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显示所有)表行 1.align 对齐方式(left center right) 2.valign 垂直对齐方式 (top middle bottom baseline) 3.bgcolor 背景颜色 表格数据 1.width,height 2.align(left right center) 3.valign(top middle bottom) 4.bgcolor 5.rowspan 单元表的行数 6.colspan 单元表的列数 ...... frameset是将窗口分割成若干个子窗口,子窗口数取决于frame的个数 标记符来标识子窗口(无结果符) 1.name 2.src(源) 设置框架内容的URL 3.frameborder(框架边框) 4.marginwidth (框架的左右边距) 5.marginheight(框架的上下边距) 6.scrolling(是否显示滚动条 auto自动 yes显示 no不显示) 7.noresize(不允许调整框架的尺寸) 超链接内容 1._top 表示将超链接的目标文件装入整个浏览器窗口 2._self 表示将超链接的目标文件装入当前框架,以取代该框架中正在显示的文件 3._blank 表示将超链接的目标文件装入一个新的浏览窗口 4._parent 表示将超链接的目标文件装入当前框架的父框架定义了一个页面内的框架 1.src(源) 设置框架内容的URL 2.name 3.width,height 4.align (top middle bottom) 5.frameborder(框架边框) 6.marginwidth(框架左右边框),marginheight(框架上下边框) 7.scrolling(是否显示滚动条 auto yes no)表单 1.method(方法) 定义表单的提交方式 2.action(动作) 指定表单所对应的处理程序 定义了一个用于用户输入的表单元素(无结束标记符) 1.name 标识表单元素 2.type 指定表单元素的类型(text文本 password密码 checkbox复选框 radio单选框 submit提交按钮 reset重置按钮) 将type指定为text,在浏览器中显示一个文本输入框,供用户输入信息 1.value (初始值) 2.size (尺寸) 3.maxlength(输入文本的最大字符数) 密码文本框 例: 密码: 复选框 例:你的爱好:音乐 体育 其它 单选框 例:公司的人数:少于10人10人至100人100人以上提交按钮 重置按钮 图像提交按钮 定义一个用于用户多行输入的表单元素 1.name 指定文本域的名称 2.rows 指定文本域的高度 3.cols 指定文本域的宽度 ...... 定义了一个选项列表表单元素 1.name 指定选取项列表的名称 2.size 指定列表选项显示时一次显示选项的数目 3.multiple使用该属性可以允许多重选择 4.value 指定当该选项被选中并提交后,浏览器传给服务器的数据 5.selected 指定哪一个选项在默认状态下是选中状态 选中该控件 创建一些滚动字幕 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用来在网页中插入一个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可以定义很多种不同的多媒体文件 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

(0)

相关推荐