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

江南浪子的博客

“清茶几许、人生百味……”

 
 
 

日志

 
 
关于我

本站文章除注明【原创】外,均来源于网络。文摘辑翠,配图编辑,增加可读性。阳春白雪、下里巴人,雅俗共赏,欢迎朋友们分享。每天都有新精彩,每天都有新期待! 联系方式:13065197070(weixin号同)

网易考拉推荐

如何为移动背景添加移动图片  

2013-01-25 22:50:26|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
 
如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客
如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客
如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客
如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客 如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客
 
 
如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客
如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客 如何为移动背景添加移动图片(原创) - 舒芳诗林 - 舒芳诗林的博客
 
 

效果图一代码

 

<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<TABLE style="WIDTH: 798px; HEIGHT: 2px" borderColor=#c00000 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV style="LEFT: 95px; POSITION: absolute; TOP: 155px">
<MARQUEE style="WIDTH: 800px; HEIGHT: 250px" scrollAmount=3 behavior=alternate><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="LEFT: 295px; POSITION: absolute; TOP: 155px">
<MARQUEE style="WIDTH: 580px; HEIGHT: 250px" scrollAmount=7 behavior=alternate loop=3><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="LEFT: 515px; POSITION: absolute; TOP: 155px">
<MARQUEE style="WIDTH: 360px; HEIGHT: 250px" scrollAmount=5 behavior=alternate><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>
<CENTER>
<MARQUEE behavior=alternate width=790 height=300 align="center" scrolldely="50">
<TABLE borderColor=#999999 height=300 cellSpacing=0 cellPadding=0 width=2020 border=0>
<TBODY>
<TR>
<TD width=1010 height=300><IMG   src="
http://img58.ph.126.net/kIJ9ZnJ4WQQ7nUi8d55hmA==/1834090948246634717.jpg"></TD>
<TD width=1010 height=300><IMG  src="
http://img58.ph.126.net/kIJ9ZnJ4WQQ7nUi8d55hmA==/1834090948246634717.jpg"></TD></TR></TBODY></TABLE></MARQUEE></CENTER></TD></TR></TBODY></TABLE></DIV>

补充说明:1、黄色为图片定位代码,绿色为移动代码  

2、图片定位的数值可以根据需要调整。

2、粉色</DIV>不能少,少了它,移动图片就不能定位在移动背景里了。 

 
 

代码简化

 

<DIV align=center>
<TABLE style="WIDTH: 798px; HEIGHT: 2px" borderColor=#c00000 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV style="LEFT: 95px; POSITION: absolute; TOP: 155px">
图片移动代码</DIV>

<DIV style="LEFT: 95px; POSITION: absolute; TOP: 155px">
图片移动代码</DIV>

<DIV style="LEFT: 95px; POSITION: absolute; TOP: 155px">
图片移动代码</DIV>

图片移动代码</TD></TR></TBODY></TABLE></DIV>

图片移动特效代码,大家可以参考相关日志

 
  评论这张
 
阅读(227)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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