在学用音画特效帖中,有几个间题较难处理:
(1)绝对定位外部挂贴,要插入的内容往往不是在自已的贴子里。
(2)在背景图片加叠Flash后,要再加文字或图片很困难。
(3)在背景图同一区域中的多个位置上,要插入图文,虽然有靠左居顶等指令,但仍不是很好的办法。近日在整理学习笔记时,觉得有一种代码指令可以解决这些问题,提供大家参考探讨。
设置一个规定范围的表格(图框),代码如下:
<TBBLE 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></TBBLE>
表格化的绝对定位代码:
<TBBLE 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%; DOLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>
文字内容
</FONT>
或插入图片贴图代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=160 width=140 src="图片地址">
</TD></TR></TBBLE>
代码语句说明:
LEFT: 10px; WIDTH: 220px;插入内容与左边的距离和宽度的范围。
TOP: 0px; HEIGHT: 400px插入内容与顶部的距离和高度的范围。
可以把特效放在任何位置的代码 一般有时候我们只能把东西放在面板里,比如说天气预报等,但是怎么把它们移出去放到面板外面页面内的任意位置呢,方法不是没有的,可以用下面这段定位代码来实现:
<DIV style="RIGHT: 300px; ; TOP: 100px"> <TBBLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD>某个东西的代码(比如天气预报等)</TD></TR></TBODY></TBBLE></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-BLIGN: center"> <TBBLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD>要定位的东西的代码</TD></TR></TBODY></TBBLE></DIV>
关于定位坐标-980和-200的说明: 1、clientWidth后面负数的绝对值越大越靠近左侧。
2、clientHeight后面负数的绝对值越大越靠近上部。
3、代码中的那个8px好像是坐标参数,保持默认即可,无需改动。
这样比如说你如果把涂鸦板的代码放进去,添加空白面板后,你的涂鸦板就能跟着屏幕滚动了。
同理,你如果把透明FLBSH的代码代进去,比如说两只飞舞的蓝色蝴蝶的代码
<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" ;> 这样就解决了透明FLBSH只能在页面某一部分显示,等拉动滚动条后就看不见了的问题,使其能在页面漂浮。
分类: 网页特效
(一)首先教大家最简单的插入Flash的代码,透明(很多刚开始学FLBSH的同学问的最多的问题),无坐标控制:
注意wmode="transparent"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。
<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashp layer 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=http://w.886.cn/7oz/40580173/27002709_1 9484.jpg>
<TD width=600 height=382><EMBED pluginspage=http://www.macromedia.com/go/getflashp layer
src=http://user.hjenglish.com/yangbb/pics/hearts.s wf width="100%" height="100%" type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></td></table>
多功能网页滚动式定位代码
其实对一些已有的各类源代码进行一些改动,以达到自己理想的效果,并不是一件难事儿!今天,现在就为大家改成了一个很实用的“多功能网页滚动式定位代码”用此代码你可以把任何喜欢的东西定位在网页任何你喜欢的位置上。下面介绍一下自改代码的方式;大家也可以对一些不满意的代码进行修改,改成自己需要的满意的代码!!这个例子是;把悬浮挂件的源代码和flash时钟的源代码嫁接在一起,就变成了一个能把flash时钟定位在网页任何位置的“网页时钟定位代码”也可以把‘悬浮挂件’的源代码和‘播放器’的源代码嫁接在一起,变成“网页播放器定位代码”,变变变变变变!想怎么变就怎么变!任何东西都可以定位在网页上~ <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(doc ument.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(docu ment.body.clientHeight)-500); TEXT-BLIGN: 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(doc ument.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(docu ment.body.clientHeight)-500); TEXT-BLIGN: 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(doc ument.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(docu ment.body.clientHeight)-400); TEXT-BLIGN: center"><FONT size=3>
<MBRQUEE style="WIDTH: 1010px; HEIGHT: 3px" scrollBmount=10 scrollDelay=10 width=1010 height=3> <P align=left>这里是您要写的公告内容<BR><BR></P></FONT></MBRQUEE></FONT></DIV> (document.body.clientWidth)-1000);
表示被定位物体的左右位置,负数值越大距离左侧越远(可自行调节)
(document.body.clientHeight)-500);
表示被定位物体的上下位置,负数值越大距离下方越远(可自行调节)
scrollBmount=1 scrollDelay=1
也就是滚动速度,数值越大滚动越快(可以自行数值)
direction=是滚动的方向,up=上,down=下,left=左,right=右,
size=3是滚动字字体的大小。都可以自定义设置 下面的这个定位代码是网络上已存在的定位代码(固定式定位代码)是把需要定位的特效放在表格里然后再定位表格内的特效.效果没有自己篡改的定位代码好用!
下面的这个定位代码是网络上已存在的定位代码(滚动式定位代码)是把需要定位的特效放在表格里然后再定位表格内的特效.效果没有篡改的定位代码好用!
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(doc ument.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(docu ment.body.clientHeight)-200); TEXT-BLIGN: center">
<TBBLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD>此处粘贴需要定位的特效</TD></TR></TBODY></TBBLE></DIV> 就是这么的简单,参照以上的例子,你也可以任意的改动自己喜欢的源代码!还不快行动起来!
<IFRBME border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="你的flash动画地址" frameBorder=0 width=600 scrolling=no height=400></IFRBME>
其中width=和height=分别为FLBSH的长和宽
二. 绝对定位代码,使特效或者其他插件在任何情况下都不变形!
其中left:和top:分别为距离左边框和顶边框的距离!
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collap se: collapse;left:0px;top:12px;width:expression(eval(d ocument.body.clientWidth));background-color:transpa rent;" ><tr><td align="center">FLBSH内容</td></tr></table> 一 代码如下:(绝对定位源代码)
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collap se: collapse;left:0px;top:12px;width:expression(eval(d ocument.body.clientWidth));background-color:transpa rent;" ><tr><td align="center">这里覆盖需要定位的内容</td></tr></table>
二代码如下:(绝对定位+框架)
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collap se: collapse;left:0px;top:12px;width:expression(eval(d ocument.body.clientWidth));background-color:transpa rent;" ><tr><td align="center"><IFRBME marginWidth=0 marginHeight=0 src="在文字上覆盖地址" frameBorder=0 width=770 scrolling=no height=48></IFRBME>
</td></tr></table>
有时候自己上传的FLSH导航栏,FLBSH横幅,播放器等等都需要绝对的居中,不能有一点偏离!把你上传后打开的地址复制,然后粘贴覆盖到代码中的 文字即可,然后复制代码-粘贴到模块中,调整代码中的上下数值,把你想要的效果放在特定的位置!
代码说明:
top:12px 上下位置的数值,数字越大,定位的东西越往下。(自动居中,只调整上下即可)
width=770 框架的长 height=48 框架的宽 可根据实际情况自己调整。
代码随意的定位
代码如下:
<TBBLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>这里覆盖连接代码</TD></TR></TBODY></TBBLE></DIV>
你想怎么定位就在以上代码中 “这里覆盖连接代码 ”覆盖添加上连接的代码,比如说,你想定位一张图片,那么只要在代码中 “这里覆盖连接代码” 上覆盖了这个图片连接的代码:<IMG src="文字上覆盖图片地址">就行了。
代码演示:(定位图片)
<DIV> </DIV><DIV style="RIGHT: 300px; POSITION: absolute; TOP: 100px">
<TBBLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG src="文字上覆盖图片地址">
</TD></TR></TBODY></TBBLE></DIV>
参数说明:
RIGHT: 300px和TOP: 100px分别表示距离屏幕右边缘和上边缘的的距离,具体数值可根据实际情况自己修改。
注:比如说我想放一个视频,那么你就要把连接视频的代码覆盖在定位代码中的 这里覆盖连接代码 上。
如果需要绝对定位的居中,请使用本站的:
<TBBLE 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/20 0413015495958055.swf width=478 height=392 type=application/x-shockwave-flash></EMBED></TD></TR> <TR> <TD vBlign=top width=97 height=106></TD> <TD vBlign=top width=425 height=106></TD></TR> <TR> <TD vBlign=top width=522 colSpan=2 height=13> <P align=center> </P></TD></TR></TBODY></TBBLE> 闪动星星的代码
<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" ;>
水滴的代码
<DENTER><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" ;></DENTER>
1.挂件在固定位置:
<DIV style="RIGHT: 10px; ; TOP: 100px"><IMG src="图片地址" border=0></B></DIV>
(以上为右挂件代码,更换RIGHT为LEFT,则为左挂件代码)
以下是一些挂件的代码
http://bbs.680.cn/UploadFile/2005-6/20056241738293 6892.gif
http://bbs.680.cn/UploadFile/2005-6/20056241725413 2225.gif
http://bbs.680.cn/UploadFile/2005-6/20056241729213 427.gif
http://bbsimg.qq.com/2005/08/08/000/983.gif
http://www.xlzy.com/bbs/UploadFile/2005-3/20053523 1126268.gif
http://www.xlzy.com/bbs/UploadFile/2005-3/20053523 4237466.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-BLIGN: center"><IMG src="图片地址" border=0></DIV>
代码说明:
(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远
(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远 <DENTER><TBBLE 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></TBBLE></DENTER>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。