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

锦江星苑----欢迎您

您的到来使我感到荣幸,和您相遇是我们的缘!

 
 
 

日志

 
 

博客空间图片移动做法  

2007-09-19 11:53:31|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

操作方法

登录您的博客――点击“设置”--点击“开始装扮博客”--点击“设置首页内容”--点击“添加自定义模块”--在编辑框里写入代码――点击“确定”--移动该模块到你喜欢的位置-OK

代码

 

 

<TABLE height=300 cellPadding=10 width=500 align=center background=http://img.blog.163.com/photo/qKALh9KAwQgyTYHq25AyCQ==/1410752583274169542.jpg border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><BR> </DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>图片写字代码</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

效果:


此处添加文字

此处添加文字

此处添加文字

此处添加文字

flash效果显示图片特效:

代码:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://staryxy.googlepages.com/PicPlay.swf width=430 height=520 type=application/x-shockwave-flash WMODE="opaque" FLASHVARS="pics=http://img.blog.163.com/photo/qKALh9KAwQgyTYHq25AyCQ==/1410752583274169542.jpg|http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg|http://img.blog.163.com/photo/Ex-gKD39CxVqmzt6HKGJgg==/911978924542569527.jpg|http://img.blog.163.com/photo/8ATf-m8eVSiN_9c-5VsImA==/5142547824503804965.jpg|http://img.blog.163.com/photo/qKALh9KAwQgyTYHq25AyCQ==/1410752583274169542.jpg|http://img.blog.163.com/photo/cU4aO7zczI6usu0G_s7Q0Q==/431219664322257853.jpg&links=http://img.blog.163.com/photo/qKALh9KAwQgyTYHq25AyCQ==/1410752583274169542.jpg|http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg|http://img.blog.163.com/photo/Ex-gKD39CxVqmzt6HKGJgg==/911978924542569527.jpg|http://img.blog.163.com/photo/8ATf-m8eVSiN_9c-5VsImA==/5142547824503804965.jpg|http://img.blog.163.com/photo/qKALh9KAwQgyTYHq25AyCQ==/1410752583274169542.jpg|http://img.blog.163.com/photo/cU4aO7zczI6usu0G_s7Q0Q==/431219664322257853.jpg&texts=无门关欢迎您|无门关您好!|无门关精彩|无门关时尚|无门关休闲|无门关完美&borderwidth=430&borderheight=500&textheight=20" MENU="false" BGCOLOR="#cdcdcd" QUALITY="high" ></EMBED>

图片移动代码集锦:

一、向左移动
<marquee><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg><br>从右向左移动</marquee>

示例:


从右向左移动

二、向右移动
<marquee direction=right><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>

示例:


从左向右移动

三、向上移动

 


<marquee direction=up scrollamount=3 src=http://myok.blogchina.com/inc/myoklogo.gif width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://myok.blogchina.com/inc/myoklogo.gif" width=90></div></center></marquee>

 

示例:


四、向下移动
<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg width=90 height=30></marquee>

示例:


向下移动




五、来回移动
<marquee width=100% behavior=alternate scrollamount=10><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg width=90 height=30><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>
示例:


来回移动







七、中间向两边移动:

<center><br><marquee width=220 height=50><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=220 height=50><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>

示例:



中间向两边移动

中间向两边移动

 




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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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