音画flash定位代码
最近有点忙,没顾得上整理新代码,今天刚好有朋友问到这个代码,就随便整理了一些,贴出来和大家分享,喜欢的朋友可一起学习!
坐标控制绝对定位贴图的方法。
在学用音画特效帖中,有几个间题较难处理:
(1)绝对定位外部挂贴,要插入的内容往往不是在自已的贴子里。
(2)在背景图片加叠Flash后,要再加文字或图片很困难。
(3)在背景图同一区域中的多个位置上,要插入图文,虽然有靠左居顶等指令,但仍不是很好的办法。近日在整理学习笔记时,觉得有一种代码指令可以解决这些问题,提供大家参考探讨。
设置一个规定范围的表格(图框),代码如下:
<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定位代码
其实