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

杨东小园

广交四海有识之士 普结五洲男朋女友

 
 
 

日志

 
 

关于雾化移动图片的制作简介  

2013-03-22 13:28:50|  分类: 各类教程, |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

关于雾化移动图片的制作简介

素材/网络 编辑/杨东

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

 

首先让朋友们看一看如下实际效果
关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园 关于雾化移动图片的制作简介 - 杨东 - 杨东小园

以上实例代码如下

<CENTER>
<MARQUEE behavior=alternate width=900 height=750 scrolldely="100" align="center">
<TABLE borderColor=#999999 height=750 cellSpacing=0 cellPadding=0 width=3500 border=0>
<TBODY>
<TR>
<TD
width=400 height=750>
<IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img2.ph.126.net/XPHWaYJowEXsueCAXOymBQ==/6598073620773397652.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img0.ph.126.net/3UaygC-akhQ5kcrEGwe3Fw==/6598002152517818241.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img0.ph.126.net/KJjmqcpIiEVmy0Ulvzxqiw==/6597222598774727679.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img0.ph.126.net/xhfmfe3DjdfRQqW4pcfxDQ==/6598240746540820986.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img0.ph.126.net/cVJSuf8Q4qfCq5kugI3RdQ==/6597340246518924720.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img1.ph.126.net/Evg1fQCRvoAEpT4NLR7I0A==/6597650308796917501.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img1.ph.126.net/j8ZXE3js5c4injJzi5bbLQ==/6597345744077064490.gif"></TD>
<TD width=400 height=750><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="
http://img2.ph.126.net/djp5aR3nLbENbLPpMzWohw==/6598105506610607072.gif">
</TD></TR></TBODY></TABLE></MARQUEE></CENTER
>

以上代码简要说明

代码中第一部份紫色的是交替移动的动态源,其中宽度900是指限定移动的版面宽度,高度750是指图片高宽。代码中第二部份绿色的是一般框架代码,其中高度统一设定为750,但框架中的宽度要根据你需要置入的图片张数和设置宽度,具体设定时还要大于总和,比如以上8张图片,每张设定为400,那400*8=3200所以以上代码中的3500就大于3200。代码中的第三部份是具体置入的8张图片和把8张图片统一设定高度为750宽度为400,其中红色部份是图片地址,图片可以更换。以上代码主要的特点是凡是置入的每张图片都不受原图大小限制,但图片与图片之间也不过份偏大或偏小,置入的图片动态和静态的都可以。注:以上代码已验证,可复制应用。

 

以上八张实样原图片如下
图片统一高度1000宽度为750
图片素材/来源网络
动态效果/杨东制作 制作软件/美图秀秀

 

1

 

2

 

3

 

4

 

5

 

6

 

7

 

8

 

 

关于雾化移动图片的制作简介 - 杨东 - 杨东小园
热烈欢迎诸位贵宾莅临本博赐教指导
关于雾化移动图片的制作简介 - 杨东 - 杨东小园
杨东小园日志导向

杨东小园日志导向   关于雾化移动图片的制作简介 - 杨东 - 杨东小园本模块代码复制处
初学博客园地
各类应用代码
装扮博客素材
各类书架代码
实用边框制作
制作边框素材
中华养生宝典
民间土方验方
中华名画长卷
中华传世国画
四季养生知识
简作音画入门
回顾历史记载
欣喜美好河山
透明图片资源
在线制作工具
经典音乐收录
优美音画欣赏
新解红楼学识
红楼经典图集
散文诗词朗诵
日常生活知识
经典怀旧电影
精彩电视剧场
Flash教程
PS完整教程
各类视频教程
U5实例教程
3D制作教程
常用颜色大全

 

关于雾化移动图片的制作简介 - 杨东 - 杨东小园关于雾化移动图片的制作简介 - 杨东 - 杨东小园关于雾化移动图片的制作简介 - 杨东 - 杨东小园

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

 

关于雾化移动图片的制作简介 - 杨东 - 杨东小园

 

 

 

 

 

 

  评论这张
 
阅读(291)| 评论(25)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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