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

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML图片梦幻显现隐藏移动的特效制作(一)  

2009-05-12 19:22:46|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、图片梦幻并从右向左移动而后隐藏的特效制作

1、代码:

<TABLE height=463 width=330 align=center background=在这里粘贴你合意的背景图片地址 table><TBODY><TR><TD><MARQUEE scrollAmount=2><TABLE style="FILTER: Alpha(opacity=300,style=2)" height=463 width=330 align=center background=在这里粘贴你的梦幻并移动的图片地址 table><TBODY><TR><TD></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

2、调节图像效果

调节大小:宽度width高度height

调节亮度:opacity数值越大图像越清晰,数值越小图像越隐约

调节光圈:style数值越大光圈越大

调节移动速度:scrollAmount数值越大移动速度越快

3、制作方法:

点击“写日志”=》右上角点击“全部功能”=》工具栏上点击按钮“<>”进入代码编辑状态=》复制粘贴上面代码于其中=》在“在这里粘贴图片地址”处粘贴你的图片地址=》工具栏上点击按钮“<>”返回到日志编辑状态,这时,可以像编辑文件一样再进行编辑=》点击右上角的“预览”试看效果=》满意后在上面命题下面点击“发表日志”完成。

4、试看效果:

 

二、四张图片或左或右显现而后隐藏的特效制作

 1、代码:

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0><TBODY><TR><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=100><P align=center><IMG src="在这里粘贴你自己的图片地址" []=""></P></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 width=100><P align=center></P><P align=center><IMG src="在这里粘贴你自己的图片地址" []=""></P></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=100><P align=center></P><P align=center><IMG src="在这里粘贴你自己的图片地址" []=""></P></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 width=100><P align=center></P><P align=center><IMG src="在这里粘贴你自己的图片地址"[]=""></P></MARQUEE></TD></TR></TBODY></TABLE>

2、调节方法同上,试看效果:

 

图片梦幻显现隐藏移动的特效制作(一) - qy-0824 - 启野的博客

图片梦幻显现隐藏移动的特效制作(一) - qy-0824 - 启野的博客

图片梦幻显现隐藏移动的特效制作(一) - qy-0824 - 启野的博客

图片梦幻显现隐藏移动的特效制作(一) - qy-0824 - 启野的博客

 

 

点击启野相关链接: 

让图片产生梦幻效果的代码

图片梦幻显现隐藏的特效制作(二)

参考海珠儿的文章

图片梦幻并从右向左移动而后隐藏的特效制作

四张图片或左或右显现而后隐藏的特效制作

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

历史上的今天

评论

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

页脚

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