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

山溪博客

欢迎各位新老朋友光临山溪客的情感、教育家园

 
 
 

日志

 
 
关于我

我是一片绿叶,捧着一颗心来,不带半颗草去。在我执教29年中,我一直信奉陶行知先生的一句话:在你的教鞭有瓦特,在你的冷眼中有牛顿,你讥笑中有爱迪生。用我的真诚与爱心去教育孩子,与家长携起手来共创孩子美好的明天。

网易考拉推荐

【金峰】图片移动特效制作与代码(二)  

2010-11-17 16:54:12|  分类: 精品引用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

金峰图片移动特效制作与代码(二)
 

★金峰博客欢迎你★

2010年11月14日 - 金峰 - 金峰的博客

 
 

图片移动特效代码(二) - 金峰 - 金峰的博客

  编辑、制作/金峰

11、 图片忽隐忽现移动效果图 

图片移动特效代码(二) - 金峰 - 金峰的博客

11:图片忽隐忽现移动应用代码

<MARQUEE beha>
<MARQUEE beha
direction=right width=150>

<img src=图片地址> </marquee></marquee>

12:图片走走停停效果图 

图片移动特效代码(二) - 金峰 - 金峰的博客

12:图片走走停停应用代码:

<marquee scrolldelay=500 scrollamount=100>

<img src=图片地址> </marquee>

13:图片移动次数控制效果图

图片移动特效代码(二) - 金峰 - 金峰的博客

13:图片移动次数控制应用代码

<MARQUEE scrollAmount=3 loop=4>

<img src=图片地址></marquee>

修改loop=4的参数,可设为任何数字

14:图片分段上移效果图

图片移动特效代码(二) - 金峰 - 金峰的博客

14:图片分段上移应用代码:
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=200>

<MARQUEE scrollAmount=2 direction=up height=180> <DIV align=center>

<IMG src="图片地址 "></DIV></MARQUEE></MARQUEE>
height=200、height=180代表移动高度,根据需要自己设置

15:图片覆盖循环·从上到下效果图

图片移动特效代码(二) - 金峰 - 金峰的博客

15:图片覆盖循环·从上到下应用代码:

<MARQUEE scrollAmount=3 direction=down >
<MARQUEE scrollAmount=3 direction=up
>
<DIV align=center><IMG src="图片地址
">
</DIV></MARQUEE></MARQUEE>

16:图片覆盖循环·由下往上效果图
图片移动特效代码(二) - 金峰 - 金峰的博客
16:图片覆盖循环·由下往上应用代码:
  <MARQUEE scrollAmount=3 direction=up
>
<MARQUEE scrollAmount=3 direction=down
>
<DIV align=center><IMG src="图片地址
">
</DIV></MARQUEE></MARQUEE>
17:图片上下起伏效果图
图片移动特效代码(二) - 金峰 - 金峰的博客
17:图片上下起伏应用代码:
<marquee direction=left><marquee behavior=alternate direction=up height=200>
<img src=图片地址></marquee></marquee>

注意:height=200移动高度的数值必须大于图片高度

18:图片覆盖循环·从左到右效果图
图片移动特效代码(二) - 金峰 - 金峰的博客
18:图片覆盖循环·从左到右应用代码:
<MARQUEE scrollAmount=3 direction=right>
<MARQUEE scrollAmount=3 direction=left
>
<DIV align=center><IMG src="图片地址
">
</DIV></MARQUEE></MARQUEE>

19:图片覆盖循环·从右到左效果图
 
图片移动特效代码(二) - 金峰 - 金峰的博客
19图片覆盖循环·从右到左应用代码:
<MARQUEE scrollAmount=3 direction=left>
<MARQUEE scrollAmount=3 direction=right
>
<DIV align=center><IMG src="图片地址
">
</DIV></MARQUEE></MARQUEE>

金峰博客欢迎你

 

欢迎来到金峰博客!


 

 

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

历史上的今天

评论

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

页脚

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