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

黎明的博客

网海畅游 结识朋友 美丽夕阳 尽在金秋

 
 
 

日志

 
 

双层图片交换移动代码·秋水学做  

2016-01-12 15:54:38|  分类: 博客美化各种代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
双层图片交换移动代码·秋水学做 - 黎明 - 黎明的博客
 

 

从上往下移动代码(一):   <CENTER>
<TABLE borderColor=#cccccc height=600 cellSpacing=5 cellPadding=5 width=800 background=http://img841.ph.126.net/rD8GblEHyXjOWu5b8Yemww==/809240558044225953.gif border=1>
<TBODY>
<TR>
<TD>
<CENTER><IMG style="HEIGHT: 600px" height=600 src="http://img.ph.126.net/F3vynZpI1vOzkxjxDfmaWw==/3709840193046515491.gif" width=800></CENTER>
<CENTER> </CENTER>
<CENTER style="MARGIN-TOP: -600px; MARGIN-LEFT: 0px">
<MARQUEE scrollAmount=3 direction=down width=800 height=600>
<MARQUEE scrollAmount=3 direction=up width=800 height=600>
<P align=center><IMG style="HEIGHT: 600px" src="http://img.ph.126.net/8ExS5-pBon8w5aehBYl3vg==/3728136066532712849.gif" width=800>

秋水学做(一)

双层图片交换往下移动的作品代码 - 秋水 - 秋水人家

双层图片交换往下移动的作品代码 - 秋水 - 秋水人家

 
 
 从下往上移动代码(二):    <CENTER>
<TABLE borderColor=#cccccc height=600 cellSpacing=5 cellPadding=5 width=800 background=http://img841.ph.126.net/rD8GblEHyXjOWu5b8Yemww==/809240558044225953.gif border=1>
<TBODY>
<TR>
<TD>
<CENTER><IMG style="HEIGHT: 600px" height=600 src="http://img.ph.126.net/F3vynZpI1vOzkxjxDfmaWw==/3709840193046515491.gif" width=800></CENTER>
<CENTER> </CENTER>
<CENTER style="MARGIN-TOP: -600px; MARGIN-LEFT: 0px">
<MARQUEE scrollAmount=3 direction=up width=800 height=600>
<MARQUEE scrollAmount=3 direction=down width=800 height=600>
<P align=center><IMG style="HEIGHT: 600px" src="http://img.ph.126.net/8ExS5-pBon8w5aehBYl3vg==/3728136066532712849.gif" width=800>
秋水学做(二)
双层图片交换移动代码·秋水学做 - 秋水 - 秋水人家

双层图片交换移动代码·秋水学做 - 秋水 - 秋水人家

 
 
从左向右移动代码(三):    <CENTER>
<TABLE borderColor=#cccccc height=600 cellSpacing=5 cellPadding=5 width=800 background=http://img841.ph.126.net/rD8GblEHyXjOWu5b8Yemww==/809240558044225953.gif border=1>
<TBODY>
<TR>
<TD>
<CENTER><IMG title="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" style="HEIGHT: 600px" height=600 alt="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" src="http://img.ph.126.net/F3vynZpI1vOzkxjxDfmaWw==/3709840193046515491.gif" width=800></CENTER>
<CENTER></CENTER>
<CENTER style="MARGIN-TOP: -600px; MARGIN-LEFT: 0px">
<MARQUEE scrollAmount=3 direction=right width=800 height=600>
<MARQUEE scrollAmount=3 direction=scrollAmount width=800 height=600>
<P align=center><IMG title="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" style="HEIGHT: 600px" alt="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" src="http://img.ph.126.net/8ExS5-pBon8w5aehBYl3vg==/3728136066532712849.gif" width=800>
 
秋水学做(三)
双层图片交换往下移动的作品代码 - 秋水 - 秋水人家

双层图片交换往下移动的作品代码 - 秋水 - 秋水人家

 
 
从右向左移动代码(四): <CENTER>
<TABLE borderColor=#cccccc height=600 cellSpacing=5 cellPadding=5 width=800 background=http://img841.ph.126.net/rD8GblEHyXjOWu5b8Yemww==/809240558044225953.gif border=1>
<TBODY>
<TR>
<TD>
<CENTER><IMG title="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" style="HEIGHT: 600px" height=600 alt="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" src="http://img.ph.126.net/F3vynZpI1vOzkxjxDfmaWw==/3709840193046515491.gif" width=800></CENTER>
<CENTER></CENTER>
<CENTER style="MARGIN-TOP: -600px; MARGIN-LEFT: 0px">
<MARQUEE scrollAmount=3 direction=scrollAmount width=800 height=600>
<MARQUEE scrollAmount=3 direction=right width=800 height=600>
<P align=center><IMG title="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" style="HEIGHT: 600px" alt="双层图片交换往下移动的作品代码 - 秋水 - 秋水人家" src="http://img.ph.126.net/8ExS5-pBon8w5aehBYl3vg==/3728136066532712849.gif" width=800>
秋水学做(四)
双层图片交换往下移动的作品代码 - 秋水 - 秋水人家

双层图片交换往下移动的作品代码 - 秋水 - 秋水人家

 

 制作说明:

1) 第一是边框高度<TABLE borderColor=#cccccc height=656 (根据图片高度可改)cellSpacing=5 cellPadding=5(5是边线)width=800 (边框内图片的宽度可改)height=600(边框内图片的高度可改) 粉色代表方向(down  向下      up 向上    right 向左   scrollAmount 向右        )

2)第一个红色是你图片地址。是第一张图片

     第二个红色是你图片地址,是第二张图片       

上下移动图片代码:  <P style="MARGIN-TOP: -2000px; DISPLAY: block; MARGIN-LEFT: 0px; TEXT-ALIGN: center">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=2000>
<MARQUEE scrollAmount=3 behavior=alternate width=750><IMG style="FILTER: alpha(opacity=100,finishopacity=3,style=2)" src="http://img49.bimg.126.net/photo/cphwp57ztmqLIlAS8IWDlQ==/1195142751114170885.jpg">   </MARQUEE></MARQUEE></P>

这是秋水学习中的心得,如果你喜欢制作,就试试吧双层图片交换移动代码·秋水学做 - 秋水 - 秋水人家!秋水祝您快乐双层图片交换移动代码·秋水学做 - 秋水 - 秋水人家


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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