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

杨东小园

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

 
 
 

日志

 
 

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码)  

2013-03-24 14:05:40|  分类: 各类教程, |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

关于如何处理
一种平移错位的梦幻动态图片
实际效果及应用代码

素材/网络 制作/杨东

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

 

首先让朋友们看一看如下实际效果

 

 

 

实例中加载的一张图片素材如下

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园
以上图片素材 宽度为400 高450

 

以上实例的代码如下

<P align=center>&nbsp;</P>
<MARQUEE style="WIDTH: 100%" scrollAmount=7 scrollDelay=30 height=324><IMG title="" style="FILTER: Alpha(opacity=200,style=2)" alt="" src="
http://img1.ph.126.net/7M9glZG1s78Sb5V_ydIuKA==/6597855917471340166.jpg" width=300></MARQUEE>
<DIV style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollDelay=30 height=324><IMG title="" style="FILTER: Alpha(opacity=200,style=2)" alt="" src="
http://img1.ph.126.net/7M9glZG1s78Sb5V_ydIuKA==/6597855917471340166.jpg" width=300></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=5 scrollDelay=30 height=324><IMG title="" style="FILTER: Alpha(opacity=200,style=2)" alt="" src="
http://img1.ph.126.net/7M9glZG1s78Sb5V_ydIuKA==/6597855917471340166.jpg" width=300></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=4 scrollDelay=30 height=324><IMG title="" style="FILTER: Alpha(opacity=200,style=2)" alt="" src="
http://img1.ph.126.net/7M9glZG1s78Sb5V_ydIuKA==/6597855917471340166.jpg" width=300></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=3 scrollDelay=30 height=324><IMG title="" style="FILTER: Alpha(opacity=200,style=2)" alt="" src="
http://img1.ph.126.net/7M9glZG1s78Sb5V_ydIuKA==/6597855917471340166.jpg" width=300></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px">
<MARQUEE style="WIDTH: 100%" scrollAmount=2 scrollDelay=30 height=324><IMG title="" style="FILTER: Alpha(opacity=200,style=2)" alt="" src="
http://img1.ph.126.net/7M9glZG1s78Sb5V_ydIuKA==/6597855917471340166.jpg" width=300></MARQUEE></DIV><P align=center>&nbsp;</P><P align=center>&nbsp;</P>

以上代码已验证可直接复制应用
关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园
 
简要说明
关于本篇处理错位的梦幻动态图片,其效层叠梦幻变化无穷,其主要特点是,一朝完成永不失效,不同于绝大多数的FLASH图片制作的画面,一旦FLASH的网站关闭而白吃辛苦。故此本博有意介绍给爱好图片制作、自误自乐的朋友们作为参考资料。另外申明:以上代码中的图片地址可以更换,更换的图片没有什么特殊要求,只是图片的尺寸不要过大,适当些就行了,但是本篇所介绍的如有错误之处恳请朋友们予以指导为盼,杨东不胜铭感致谢。
杨东于2013年3月24日编写

 

热烈欢迎诸位贵宾莅临本博赐教指导

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

 

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

关于如何处理一种平移错位的梦幻动态图片(实际效果及应用代码) - 杨东 - 杨东小园

 

 

 

 


  评论这张
 
阅读(257)| 评论(12)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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