打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【代码应用】网易最新相对定位在单图上最简单定位方法<花仙子:收藏>
属性:代码应用
相对定位的单图应用实例
编辑:静中有动
自2014年3月网易对博客系统升级后,对原先的绝对定位代码已经不支持了,只能使用相对定位代码来定位动画、播放器、图片、文字等元素,这就给不太熟悉相对定位代码应用的朋友在背景上正确定位多个元素带来了困难,现将本人掌握的单图使用最简单的表格排版来实现相对定位的方法介绍给需要的博友。
1、基本要素:
相对定位代码:<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx">要定位的元素代码</DIV>
其中:MARGIN-TOP: Ypx 上下位置,指的是距离上一个元素底部的位置。Y可以是正数、零、负数。
当Y=正数时,表示与上一个元素拉开Ypx距离。
当Y=零时,表示紧接着上一个元素。
当Y=负数时,表示插在上一个元素之中。
其中:MARGIN-LEFT: Xpx 左右位置,指的是距离上一个元素左边的位置。X可以是正数、零、负数。
当X=正数时,表示离上一个元素向右拉开Xpx距离。
当X=零时,表示紧挨着上一个元素。
当X=负数时,表示离上一个元素向左拉开Xpx距离。
2、使用代码:(本例图在背景图上放了6个Flash特效)
<TABLE cellSpacing=0 width=背景图片宽度 background=背景图片地址 height=背景图片高度>
<TBODY>
<TR>
<TD vAlign=top>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素1高度 type=application/x-shockwave-flash width=元素1宽度 src=元素1地址 wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素2高度 type=application/x-shockwave-flash width=元素2宽度 src=元素2地址 wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP:Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素3高度 type=application/x-shockwave-flash width=元素3宽度 src=元素3地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素4高度 type=application/x-shockwave-flash width=元素4宽度 src=元素4地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素5高度 type=application/x-shockwave-flash width=元素5宽度 src=元素5地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素6高度 type=application/x-shockwave-flash width=元素6宽度 src=元素6地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV></TD></TR></TBODY></TABLE>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
世界各地时间查询(附代码)
瑞雪兆丰年大幅音画 和代码
图片上6个flash动画定位代码
【原创】 【第二十二种音画】图片不显示请刷新
【博客知识】 组合制作多层FLASH动画的简单方法
存5个 flash
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服