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

夕阳无限美博客

*资源共享*喜欢即取*

 
 
 

日志

 
 

【代码应用】用代码制作重叠图片  

2013-03-17 07:30:49|  分类: 【代码应用】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

【代码应用】用代码制作重叠图片 - 夕阳无限美 - 夕阳无限美欢迎您
 
用代码制作重叠图片

<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 400px; ridge: ">
<DIV style="LEFT: 40px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 320px"><img type=image width=240 src="
'图片地址"></img>

</DIV>
<DIV style="LEFT: 260px; WIDTH: 220px; POSITION: absolute; TOP: 60px; HEIGHT: 320px"><img type=image width=200 src="'图片地址"></img>

</DIV><BR>
<DIV style="LEFT: 440px; WIDTH: 220px; POSITION: absolute; TOP: 100px; HEIGHT: 320px"><img type=image width=160 src="'图片地址"></img>

</DIV></DIV>

 

 

【代码应用】用代码制作图片重叠排列 - 夕阳无限美 - 夕阳无限美欢迎您
【代码应用】用代码制作图片重叠排列 - 夕阳无限美 - 夕阳无限美欢迎您

【代码应用】用代码制作图片重叠排列 - 夕阳无限美 - 夕阳无限美欢迎您

如下代码

<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 400px; ridge: ">
<DIV style="LEFT: 40px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 320px"><img type=image width=160 src="图片地址"></img></DIV>
<DIV style="LEFT: 200px; WIDTH: 220px; POSITION: absolute; TOP: 60px; HEIGHT: 320px"><img type=image width=200 src="
图片地址"></img></DIV><BR>
<DIV style="LEFT: 380px; WIDTH: 220px; POSITION: absolute; TOP: 100px; HEIGHT: 320px"><img type=image width=240 src="
图片地址"></img></DIV></DIV>

 

【代码应用】用代码制作图片重叠排列 - 夕阳无限美 - 夕阳无限美欢迎您
【代码应用】用代码制作图片重叠排列 - 夕阳无限美 - 夕阳无限美欢迎您

【代码应用】用代码制作图片重叠排列 - 夕阳无限美 - 夕阳无限美欢迎您


 

 


代码:

<div style="text-align: center;"><table><tbody><tr><td><center><table bordercolor="" height="381" width="550" background="
图片地址" border="6"><tbody><tr><td><center><marquee scrollamount="2" direction="up" width="350" height="250"><font style="width: 100%; line-height: 150%; font-family: 华文彩云;"><b><br><font color="#ff0000" size="6">写字</font></b></font><font color="#00ff00" size="5"><br></font><br><br><br><br><br><br></marquee></center></td></tr></tbody></table><div style="LEFT: 60px; OVERFLOW: hidden; WIDTH: 550px; POSITION: relative; TOP: -170px; HEIGHT: 550px;"><table bordercolor="" height="381" width="550" background="图片地址" border="6"><tbody><tr><td><center><marquee scrollamount="2" direction="up" width="350" height="250"><font color="#ffff00"><font style="width: 100%; line-height: 150%; font-family: 华文彩云;"><b><br><font size="6">写字</font></b></font><font size="5"><br></font><br><br><br><br><br><br></font></marquee></center></td></tr></tbody></table><div style="LEFT: 60px; OVERFLOW: hidden; WIDTH: 550px; POSITION: relative; TOP: -170px; HEIGHT: 550px;"><br><table bordercolor="" height="381" width="550"></table></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><br></div></center></td></tr></tbody></table></div>

例图:




夕阳无限美欢迎您








夕阳无限美欢迎您













  评论这张
 
阅读(505)| 评论(7)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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