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

宁静的夏天

文字代码 图片代码 导航代码 模块代码 技巧代码 网页美化

 
 
 

日志

 
 
 
 

怎样自制移动相片  

2010-01-21 19:25:46|  分类: 博客代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

博客代码 常用素材 美人美景 益智游戏 返回首页

 

横向效果图:

怎样自制移动相片 - 发呆 - 发呆 怎样自制移动相片 - 发呆 - 发呆 怎样自制移动相片 - 发呆 - 发呆 怎样自制移动相片 - 发呆 - 发呆 怎样自制移动相片 - 发呆 - 发呆

 

 代码:

<MARQUEE scrollAmount=2 scrollDelay=60 direction=right width=300 height=250>
   <IMG width=300 height=250 src=" 相片地址" border=0>
   <IMG width=300 height=250 src=" 相片地址" border=0>
   <IMG width=300 height=250 src=" 相片地址" border=0>

   <IMG width=300 height=250 src=" 相片地址" border=0>
   <IMG width=300 height=250 src=" 相片地址" border=0></MARQUEE>

 纵向效果图: 

 

使用方法:  我这里不详细的说了,有多少相片加多少代码,加多少都可以,代码中 scrollAmount是移动速度,数字愈大移动越快。

       width=          是相片宽度

       height=         是相片高度

Color= ******         是颜色代码    

调整数字可以改变动画效果,有一点要说明的是,图片地址一定要是打开图片的地址,如果是样品图的地址就会影响图片清晰度。

赶快把你的相片做成动画吧,放在你的博客首页横幅模块里面展示你的个性吧。要观看模块效果图请到我的博客首页。     返回首页

 

模块效果图和代码:-----

 

代码:

<DIV align=center>
<TABLE style="BORDER-RIGHT: #43cd80 12px double; BORDER-TOP: #43cd80 12px double; BORDER-LEFT: #43cd80 12px double; WIDTH: 243px; BORDER-BOTTOM: #43cd80 12px double; HEIGHT: 200px" borderColor=#6699ff height=200 cellSpacing=0 cellPadding=0 width=243 bgColor=#99ff66>
<TBODY>
<TR>
<TD>
<DIV align=center>
<DIV>
<TABLE style="BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999 1px solid; WIDTH: 30.75%; BORDER-BOTTOM: #999 1px solid; HEIGHT: 200px" align=center>
<TBODY>
<TR>
<TD>
<MARQUEE style="WIDTH: 243px; HEIGHT: 200px" scrollAmount=1 scrollDelay=60 direction=up width=243 height=200>
<P><A href=http://qianguangmingtxz.blog.163.com/edit/ target=_blank><IMG style="WIDTH: 243px; HEIGHT: 254px" src=" 相片地址" width=243></A></P>
<P><A href=http://qianguangmingtxz.blog.163.com/edit/ target=_blank><IMG height=200  src=" 相片地址" width=243></A></P>
<P><A href=http://qianguangmingtxz.blog.163.com/edit/ target=_blank><IMG  height=200  src=" 相片地址" width=243></A></P>
<P><A href=http://qianguangmingtxz.blog.163.com/edit/ target=_blank><IMG  height=200  src=" 相片地址" width=243></A></P><P></P></MARQUEE></TD></TR></TBODY></TABLE></DIV><A href=http://qianguangmingtxz.blog.163.com/blog/static/133667704201002172546125/edit/ target=_blank><FONT color=#ff0000 size=3>(点此处获取代码)</FONT></A><FONT size=+0>&nbsp;</FONT>&nbsp;<FONT color=#ff0000 size=+0>&nbsp;
<DIV style="DISPLAY: none">&nbsp;</DIV></FONT></FONT></DIV></TD></TR></TBODY>
<DIV></DIV></TABLE></DIV>

要更改边框和背景颜色可以参阅我的日志:       常用的颜色代码大全  

 

 更多博客技巧

  评论这张
 
阅读(9143)| 评论(39)
推荐 转载

历史上的今天

评论

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

页脚

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