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

情感在线的博客

 
 
 

日志

 
 

【转载】图片渐出渐没的代码  

2014-06-30 14:43:57|  分类: 电脑网络知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自博海小舟《图片渐出渐没的代码》
 

您在此逗留时间

 2009年8月22日 - 博海小舟 -    博 海 小 舟 2009年8月22日 - 博海小舟 -    博 海 小 舟 2009年8月22日 - 博海小舟 -    博 海 小 舟 2009年8月22日 - 博海小舟 -    博 海 小 舟 2009年8月22日 - 博海小舟 -    博 海 小 舟

 博海小舟 -    博 海 小 舟 

 

 

代码1:   

 

 <MARQUEE scrollAmount=10 direction=up height=171>
<MARQUEE scrollAmount=10 direction=down height=171>
<DIV align=center><IMG title="" height=100 alt="" src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100 border=0> </DIV></MARQUEE></MARQUEE>

效果1

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟
 
   

代码2:

<MARQUEE scrollAmount=3 direction=down height=371>
<MARQUEE scrollAmount=3 direction=up height=371>
<DIV align=center><IMG title="图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟" height=100 alt="图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟" src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100 border=0> </DIV></MARQUEE></MARQUEE>
 

 

效果2:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

  代码3:    <MARQUEE scrollAmount=3 direction=up height=371><MARQUEE scrollAmount=3 direction=down height=371><DIV align=center><IMG src="http://blog.163.com/ 

http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg        width=100 height=100 border=0> </DIV></MARQUEE></MARQUEE> 

 

 

 

效果3:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

  代码4:   <MARQUEE scrollAmount=3 direction=right width=330 height=371><MARQUEE scrollAmount=3 direction=left width=330 height=371> <DIV align=center><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374     width=100 height=100 border=0> </DIV></MARQUEE></MARQUEE> 

 

 

效果4:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

 

 

 

 

 代码5:

 

<MARQUEE scrollAmount=3 direction=left width=330 height=371><MARQUEE scrollAmount=3 direction=right width=330 height=371> <DIV align=center><IMG src="http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374   width=100 height=100 border=0> </DIV></MARQUEE></MARQUEE> 

 

 

 

 

效果5:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

 

 

 

 代码6:

 

 

<MARQUEE scrollAmount=2 direction=up behavior=alternate height=471><MARQUEE scrollAmount=2 direction=up height=371> <DIV align=center><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374 "    width=100 height=100 border=0> </DIV></MARQUEE></MARQUEE>

 

 

效果6:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

代码7:

 

<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=630 height=471><MARQUEE scrollAmount=2 direction=up width=330 height=471><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374  "    width=100 height=100 border=0> </DIV></MARQUEE></MARQUEE>

效果7:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟
代码8:
 
 
 
 
<MARQUEE scrollAmount=3 behavior=alternate width="100%"><MARQUEE scrollAmount=3 width="98%"><DIV align=center><IMG
 

src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374  "    width=100 height=100 border=0> </DIV></MARQUEE></MARQUEE>

效果8:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

 

 

 

 

 

代码9:

<MARQUEE scrollAmount=2 direction=down><DIV align=center><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg"width=100 height=100 border=0><br><br><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100 height=100 border=0><br><br></DIV> </MARQUEE> <MARQUEE style=" FILTER: flipv(enabled=1)" scrollAmount=2 direction=down> <DIV align=center><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg"width=100 height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg " width=100  height=100 border=0><br><br></DIV> </MARQUEE>

效果9:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

 

 

 

代码10:

 

<DIV align=center> <MARQUEE scrollAmount=2 direction=up><DIV align=center><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0 ><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0 ><br><br></DIV></MARQUEE> <MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=up> <DIV align=center><IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg" width=100  height=100 border=0><br><br> <IMG src="http://blog.163.com/http://img.bimg.126.net/photo/DReYHUm2arXd2gW4uZBRng==/2289798935541620374.jpg"width=100  height=100 border=0 ><br><br></DIV></MARQUEE>

 

效果 10:

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

图片渐出渐没的代码 - 博海小舟 -    博   海  小  舟

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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