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

小草的博客

诚恳交友、诚实做事、诚信待人。

 
 
 

日志

 
 
关于我

热情开朗、乐于助人、执著追求的我,一贯坚持诚恳交友、诚实做事、诚信待人的做人准则,愿与博友们携手共建人间和谐、欢乐、美丽的空间!

网易考拉推荐

【引用】图片在背景图片里的定位移动  

2012-03-25 10:45:41|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载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表示移动三次就停止

 

 效果图(二)

 

图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客
图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客 图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客 图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客
图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客 图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客 图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客

 代码:<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" title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img616.ph.126.net/YZVxgWZTtSfLYhjGuuGC6A==/1985243010741352366.jpg"></DIV>
<DIV style="POSITION: absolute; TOP: 1730px; LEFT: 80px">
<MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=2><IMG title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img775.ph.126.net/KN7816xfz95K9Jum93r8sw==/4854035973375647398.gif" width=130 height=200 px> <IMG title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img775.ph.126.net/KN7816xfz95K9Jum93r8sw==/4854035973375647398.gif" width=130 height=200 px> <IMG title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img775.ph.126.net/KN7816xfz95K9Jum93r8sw==/4854035973375647398.gif" width=130 height=200 px></MARQUEE></DIV>
<DIV style="POSITION: absolute; TOP: 1730px; LEFT: 230px">
<MARQUEE style="WIDTH: 500px; HEIGHT: 200px" direction=right scrollAmount=2><IMG title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img775.ph.126.net/KN7816xfz95K9Jum93r8sw==/4854035973375647398.gif" width=130 height=200 px> <IMG title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img775.ph.126.net/KN7816xfz95K9Jum93r8sw==/4854035973375647398.gif" width=130 height=200 px> <IMG title="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" alt="图片定位移动代码 - 舒芳诗林 - 舒芳诗林的博客" src="http://img775.ph.126.net/KN7816xfz95K9Jum93r8sw==/4854035973375647398.gif" width=130 height=200 px>
<P></P></MARQUEE></DIV>
<DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

 

阿芳音画 音画欣赏 图片欣赏 点击进入舒芳诗林博客 - 舒芳诗林欢迎您! 边框分割 博客素材 Flash动画
养眼美女 情感天地 博客技巧 博客美化 我的收藏 图文欣赏
综合日志 电脑知识 点击查看本站更多精彩博客舒芳诗林网易博客 休闲娱乐 节日祝福

 

图片在背景图片里的定位移动 - 舒芳诗林 - 舒芳诗林的博客

  评论这张
 
阅读(304)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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