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

云雾居士博乐园

潋滟湖光诗博客 婆娑树影画家园 波涌碧水潜龙至 风卷紫霄翔凤归

 
 
 

日志

 
 

【转载】图片移动 欣赏(含代码)  

2016-10-13 14:57:27|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自男人的情怀《图片移动 欣赏(含代码)》

一、图片在背景中上移

代码如下:
<table bordercolor="#cccccc" height="450" cellspacing="0" cellpadding="0" width="550" background="http://img2.ph.126.net/8gCEufSGBwcz1TnpuT-H0Q==/6631325051419741070.gif" border="1"><tbody><tr><td><center>

<marquee scrollamount="2" scrolldelay="90" direction="up" width="524" height="349" directio="up" style="height: 349px; width: 524px;">
<table style="WIDTH: 524px; HEIGHT: 349px" bordercolor="#cccccc" cellspacing="2" cellpadding="3" background="http://img459.ph.126.net/BEINMWOzlGTOI3XPDcDcnw==/2516949241747313093.gif" border="0">
<tbody><tr><td>
<center></center></td></tr></tbody></table></marquee></center></td></tr></tbody></table>

二、图片左右交叉移动

图片左右交叉移动 - 男人的情怀 - 丹阳市三中孙云芳老师的博客

图片左右交叉移动 - 男人的情怀 - 丹阳市三中孙云芳老师的博客< p >

图片左右交叉移动 - 男人的情怀 - 丹阳市三中孙云芳老师的博客

图片左右交叉移动 - 男人的情怀 - 丹阳市三中孙云芳老师的博客


代码如下:
<table cellspacing="0" cellpadding="0" width="75%" align="center" border="0"><tbody><tr>
<td align="middle">
<marquee scrollamount="8" scrolldelay="100" direction="right" width="220" style="width: 220px;">
<p align="center"><img src="http://img2.ph.126.net/qgqHjDvJOLBsRzMJeO_BOg==/6631232692443738359.jpg"></p>
</marquee></td><td align="middle">
<marquee scrollamount="8" scrolldelay="100" width="220" style="width: 220px;">
<p align="center"><img src="http://img2.ph.126.net/qgqHjDvJOLBsRzMJeO_BOg==/6631232692443738359.jpg" <="" p=""></p></marquee></td><td align="middle">
<marquee scrollamount="8" scrolldelay="100" direction="right" width="220" style="width: 220px;">
<p align="center"><img src="http://img2.ph.126.net/qgqHjDvJOLBsRzMJeO_BOg==/6631232692443738359.jpg"></p>
</marquee></td><td align="middle">
<marquee scrollamount="8" scrolldelay="100" width="220" style="width: 220px;"><p align="center"><img src="http://img2.ph.126.net/qgqHjDvJOLBsRzMJeO_BOg==/6631232692443738359.jpg"></p></marquee>
</td></tr></tbody></table>

三、多图片左移、右移
多图片左移、右移 - 男人的情怀 - 丹阳市三中孙云芳老师的博客 多图片左移、右移 - 男人的情怀 - 丹阳市三中孙云芳老师的博客多图片左移、右移 - 男人的情怀 - 丹阳市三中孙云芳老师的博客 多图片左移、右移 - 男人的情怀 - 丹阳市三中孙云芳老师的博客多图片左移、右移 - 男人的情怀 - 丹阳市三中孙云芳老师的博客 多图片左移、右移 - 男人的情怀 - 丹阳市三中孙云芳老师的博客
代码如下:
<marquee width="760" height="550" style="height: 550px; width: 760px;"><img src="http://img1.ph.126.net/BgZI5-sAWkkqE1bt2VKGNg==/3267924479711006296.gif">

<img src="http://img1.ph.126.net/wC1pw4gaTq8Lnulr7IUj9A==/169447936079871361.gif"><img src="http://img2.ph.126.net/VwSaSRNAirX3-2uKpafi-A==/3267924479711006297.gif"></marquee>
<marquee direction="right" width="760" height="550" style="height: 550px; width: 760px;"><img src="http://img1.ph.126.net/5HqCGrvlw9amlf_5vMvcRw==/2488520269116921781.gif"><img src="http://img2.ph.126.net/5WmCP6RVkmCw8Hv37qEYhg==/2164824045981889136.gif">

<img src="http://img1.ph.126.net/uQ3770g2wnXMdbPSFMJXtg==/1373316411471349015.gif"></marquee>


不同移动速度图片叠加效果 – 海洋 – 海洋的博客
不同移动速度图片叠加效果 – 海洋 –海洋的博客
不同移动速度图片叠加效果 – 海洋 – 海洋的博客
不同移动速度图片叠加效果 – 海洋– 海洋的博客
不同移动速度图片叠加效果 – 海洋 – 海洋的博客
不同移动速度图片叠加效果 – 海洋 – 海洋的博客

2016年05月04日 - 男人的情怀 - 丹阳市三中孙云芳老师的博客 2016年05月04日 - 男人的情怀 - 丹阳市三中孙云芳老师的博客 2016年05月04日 - 男人的情怀 - 丹阳市三中孙云芳老师的博客

怀



素材:图片/网络    边框/学海无涯     制作/男人的情怀

[原创]胡杨恭贺好友[九毛九】荣登网易博客50级 - 胡             楊 - 胡楊【原创博客】

  评论这张
 
阅读(24)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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