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

香帅H楚处留香

俯视远方,在一望无际、灯火阑珊的绚丽都市,拈一支素笔,写满炫色的诗篇,等待黎明。

 
 
 

日志

 
 

教你在背景图片上加动态图片  

2015-10-02 21:52:27|  分类: u5教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

我心依旧教你在背景图片上加动态图片- 我心依旧 - 我心依旧

教你在背景图片上加动态图片

教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香

背景图片
 
教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香
 
动态图片1动态图片2动态图片3
教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香  教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香   教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香
 
示例效果
 

教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香

教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香

教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香

 
制作代码
 
<TABLE height=背景图片高度 cellPadding=10 width=背景图片宽度 align=center background=背景图片地址 border=0>
<TBODY><TR><TD>
<P style="MARGIN-TOP: 90px; MARGIN-LEFT: 30px" align=center><IMG height=第一张小图片高度 src="第一张小图片地址" width=第1张小图片宽度 height=第1张小图片高度> </P>
<P style="MARGIN-TOP: 100px; MARGIN-LEFT: -200px" align=center><IMG src="第2张小图片地址" width=第2张小图片宽度 height=第2张小图片高度> </P>
</TD></TR></TBODY></TABLE>  
 
代码说明
 
 代码中的:MARGIN-TOP: 90px 是指小图片在背景图片上,离顶栏边的距离,数值越大越往下,可以改变数值“90”来改变小图片的位置。MARGIN-LEFT: 30px 是指小图片在背景图片上,离左边栏边的距离,数值越大越往右,可以改变数值“30”来改变小图片的位置,这里数值可以取负数,例:MARGIN-LEFT: -120px。经过细心的调整,就可以达到满意的效果。
   如果你想多加几个小图片,你只要在代码中间的蓝色代码后面再加几组如下面的代码:
 
<P style="MARGIN-TOP:100px; MARGIN-LEFT:-200px" align=center><IMG src="第3张小图片地址" width=第3张小图片宽度 height=第3张小图片高度></P>
教你在背景图片上加动态图片 - 香帅H楚处留香 - 香帅H楚处留香

  评论这张
 
阅读(9)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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