注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 子域部署Exchange服务器详..
 帮助

图片移动代码集锦


2007-12-30 15:40:22
 
 
图片写字代码:
<TABLE height=300 cellPadding=10 width=500 align=center
background=http://img.blog.163.com/photo/GcAnP0Yqss3O8THMYecF3g==/4374121138
09599604.jpg border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><BR>&nbsp;</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/GcAnP0Yqss3O8THMYecF3g==/43741
3cng==/426716064694577416.jpg&amp;links=http://img.blog.163.com/photo/GcAnP0
Yqss3O8THMYecF3g==/437412113809599604.jpg|http://img.blog.163.com/photo/Dhql
tUpWrDXmg89CjFLZdg==/486107284779580348.jpg|http://img.blog.163.com/photo/yP
Mic10ygTniHclUvzHBXg==/1769070228626513794.jpg|http://img.blog.163.com/photo
/vVw3b3uCLjA5sMDaIxztNA==/2583377336250504117.jpg|http://img.blog.163.com/ph
oto/GcAnP0Yqss3O8THMYecF3g==/437412113809599604.jpg|http://img.blog.163.com/
photo/5MQo5tIV8VZZweylKm3cng==/426716064694577416.jpg&amp;texts=《玫瑰茶苑》
欢迎您|《玫瑰茶苑》您好!|《玫瑰茶苑》精彩|《玫瑰茶苑》时尚|《玫瑰茶苑》休闲
|《玫瑰茶苑》完美
&amp;borderwidth=430&amp;borderheight=500&amp;textheight=20" MENU="false"
BGCOLOR="#cdcdcd" QUALITY="high" ALLOWSCRIPTACCESS="sameDomain"></EMBED>
              图片移动代码集锦:                      

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

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

从左向右移动

三、向上移动
<marquee direction=up onmouseover=this.stop() scrollamount=5
onmouseout=this.start()><center><img
src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/48610728477958034
8.jpg  width=90 height=30></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==/48610728477958034
8.jpg width=90 height=30></marquee>
示例:
 

向下移动
 
 
 

    五、来回移动
<marquee width=100% behavior=alternate scrollamount=10><img
src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/48610728477958034
8.jpg width=90 height=30><br><font color=0000ff size=5 face=华文行楷><b>来回
移动</b></font></marquee>
示例:
 
来回移动
 
 六、上下起伏
<marquee direction=left><marquee behavior=alternate direction=up
height=100><img
src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/48610728477958034
8.jpg><img
src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/48610728477958034
8.jpg><font color=0000ff size=3 face=华文行楷
></b></font></marquee></marquee>
示例:
 
 
 
 
 
 
 
 
 
 
 
 

 
 
七、中间向两边移动:
<center><br><marquee width=220 height=50><img
src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/48610728477958034
8.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==/48610728477958034
8.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向
两边移动<br></marquee></font></center>
示例:
 
中间向两边移动
中间向两边移动
 
八、中间相对上下移动:
代码:
<marquee direction=up onmouseover=this.stop() scrollamount=3
onmouseout=this.start><center><img
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
width=90></div></center></marquee>
示例:


上一篇 简单3D魔方  下一篇 图片上飘动的文字



    文章评论
 
 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: