注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

追梦人的博客

梦中幻想 脚踏现实

 
 
 

日志

 
 

【转载】【代码应用】网易最新相对定位在单图上最简单定位方法<花仙子:收藏>  

2015-11-02 20:37:20|  分类: 定位移动 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 属性:代码应用
相对定位的单图应用实例
  编辑:静中有动
       自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>
 
  评论这张
 
阅读(23)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017