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

雾树芦花的博客

 
 
 

日志

 
 

图片在背景图片里的定位移动  

2011-05-29 00:24:43|  分类: 音画教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

代码: <P align=center>
<TABLE style="BORDER-BOTTOM: #458b00 12px ridge; BORDER-LEFT: #458b00 12px ridge; BACKGROUND-COLOR: #66cd00; BORDER-TOP: #458b00 12px ridge; BORDER-RIGHT: #458b00 12px ridge" cellSpacing=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 850px; HEIGHT: 374px" border=2>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 840px; HEIGHT: 372px" border=2 align=center>
<TBODY>
<TR>
<TD>
<DIV><IMG style="MARGIN: 0px 10px 0px 0px; WIDTH: 830px; HEIGHT: 372px" src="
http://img616.ph.126.net/YZVxgWZTtSfLYhjGuuGC6A==/1985243010741352366.jpg"></DIV>
<DIV style="POSITION: absolute; TOP: 265px; LEFT: 75px">
<MARQUEE style="WIDTH: 800px; HEIGHT: 250px" behavior=alternate loop=3 scrollAmount=20><IMG style="FILTER: alpha(opacity=100,finishopacity=0,style=1); WIDTH: 122px; HEIGHT: 258px" src="
http://img116.ph.126.net/i5L0XWhsYl_g0tM7eDlHFg==/2019864432877139060.gif"></MARQUEE></DIV>
<DIV style="POSITION: absolute; TOP: 265px; LEFT: 295px">
<MARQUEE style="WIDTH: 580px; HEIGHT: 250px" behavior=alternate loop=3 scrollAmount=13><IMG style="FILTER: alpha(opacity=100,finishopacity=0,style=1); WIDTH: 122px; HEIGHT: 258px" src="
http://img116.ph.126.net/i5L0XWhsYl_g0tM7eDlHFg==/2019864432877139060.gif"></MARQUEE></DIV>
<DIV style="POSITION: absolute; TOP: 265px; LEFT: 515px">
<MARQUEE style="WIDTH: 360px; HEIGHT: 250px" behavior=alternate loop=3 scrollAmount=5><IMG style="FILTER: alpha(opacity=100,finishopacity=0,style=1); WIDTH: 122px; HEIGHT: 258px" src="
http://img116.ph.126.net/i5L0XWhsYl_g0tM7eDlHFg==/2019864432877139060.gif"></MARQUEE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

说明:红色部分为图片定位代码 (TOP: 265px; LEFT: 515px),定位图片的位置可以自行调整,loop=3表示移动三次就停止

 

为图片加移动背景



为图片加移动背景(舒芳诗林代码习作) - 舒芳诗林 - 舒芳诗林的博客
为图片加移动背景(舒芳诗林代码习作) - 舒芳诗林 - 舒芳诗林的博客
 

 
代码复制处
 
<DIV align=center>

<TABLE style="BORDER-RIGHT: #33FF00 5px ridge; BORDER-TOP:#33FF00 5px ridge; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #33FF00 5px ridge; BORDER-BOTTOM: #33FF00 5px ridge" height=500 cellSpacing=0 cellPadding=0 width=700>
<TBODY>

<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=700 height=500 BORDER="0" TURESPEED="true"><IMG src="
背景图片地址" border=0></MARQUEE></TD></TR></TBODY>
<TBODY>
<TR>
<TD>
<DIV style="MARGIN-TOP: -500px; MARGIN-LEFT: 0px">
<DIV style="BORDER-RIGHT: #EE00EE 4px ridge; BORDER-TOP: #EE00EE 4px ridge; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #EE00EE 4px ridge; WIDTH: 300px; BORDER-BOTTOM: #EE00EE 4px ridge; POSITION: relative; TOP: 0px; HEIGHT: 300px"><IMG height=300 src="
图片地址" width=300></DIV></DIV></TD></TR></TBODY></TABLE></DIV>

  

  评论这张
 
阅读(99)| 评论(0)

历史上的今天

评论

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

页脚

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