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

杨东小园

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

 
 
 

日志

 
 

关于简介梦幻图片的联动效果及应用代码  

2013-03-25 12:33:15|  分类: 各类教程, |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

关于简介
梦幻图片的联动效果及应用代码

素材/网络 制作/杨东

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

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

 

 

 

以上实例的代码如下

<P align=center>
<MARQUEE scrollAmount=2 behavior=alternate width="100%" align="center">
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img1.ph.126.net/49UsJI2Jhjl0ATR1jhrvpQ==/1543608772298963401.gif" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img2.ph.126.net/thEK-zmUEH2Sgai93uSJCQ==/6597324853354628885.jpg" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img2.ph.126.net/ZTblIf3BcbBXtHHDboPhNQ==/6597764658006249224.jpg" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img0.ph.126.net/cJHae7mvBaT4N-MBN__czQ==/6598178074378074045.gif" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img0.ph.126.net/auujM7LBA2JxwEPYvJdWIQ==/6598178074378074054.gif" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img1.ph.126.net/AZh6RbX3zxu6olJTUaNvKA==/6597876808192281085.gif" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 450px" height=450 alt="" src="http://img0.ph.126.net/r230zs4JUs2jkANwMlGewA==/6597858116494605645.gif" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 700px" height=700 alt="" src="http://img1.ph.126.net/9ROFL_k68OLyP2hQ6LKKFA==/6597675597564390085.gif" width=600></P>
<P align=center><IMG title="" style="FILTER: Alpha(opacity=200,style=2); WIDTH: 600px; HEIGHT: 600px" height=600 alt="" src="http://img0.ph.126.net/iiOCryM91HWpAfYONmT1cQ==/6597946077424833261.gif" width=600></P></MARQUEE></P><P align=center>&nbsp;</P><P align=center>&nbsp;</P
>

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

 

以上9张图片素材 宽度高没有统一

 

图1

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图2

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图3

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图4

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图5

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图6

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图7

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图8

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

图9

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

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

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

 

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

关于简介梦幻图片的联动效果及应用代码 - 杨东 - 杨东小园

 

 

 

 

 

 


  评论这张
 
阅读(377)| 评论(13)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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