打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【代码应用】图片最新移动代码大全
素材:自导自演
图片最新移动代码大全
编辑制作:南山怪杰
1.图片向左移动
<MARQUEE scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src=图片地址></TD></TR></TBODY></TABLE></MARQUEE>
2.图片向右移动
<MARQUEE direction=right scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src=图片地址></TD></TR></TBODY></TABLE></MARQUEE>
3.图片左右来回移动
<MARQUEE behavior=alternate scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
4.图片向上移动
<MARQUEE direction=up scrollAmount=2>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD><IMG src=图片地址></TD></TR></TBODY></TABLE></MARQUEE>
5.图片向下移动
<MARQUEE direction=down scrollAmount=2>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD>
<IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
6.图片上下来回移动
<MARQUEE direction=down behavior=alternate scrollAmount=2>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD>
<IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
7.图片逐步向左移动
<MARQUEE behavior=alternate width=移动宽度 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<MARQUEE width=移动宽度 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="图片地址"></DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE>
8.图片逐步向右移动
<MARQUEE direction=right behavior=alternate width=移动宽度 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<MARQUEE direction=right width=移动宽度 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="图片地址"></DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE>
9.图片逐步向上移动
<MARQUEE direction=up height=200 behavior=alternate scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><MARQUEE direction=up height=180 scrollAmount=2><TABLE border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="图片地址"></A></DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
height=200 height=180 移动高度
10.图片逐步向下移动
<MARQUEE direction=downheight=200 behavior=alternate scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><MARQUEE direction=downheight=180 scrollAmount=2><TABLE border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="图片地址"></A></DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
height=200 height=180 移动高度
11.图片一步一歇向左移动
<MARQUEE scrollAmount=100 scrollDelay=500>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
12.图片一步一歇向右移动
<MARQUEE direction=right scrollAmount=100 scrollDelay=500>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
13.图片定次数向左移动(例:移动3次后停)
<MARQUEE scrollAmount=3 loop=3><TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
14.图片定次数向右移动(例:移动3次后停)
<MARQUEE direction=right scrollAmount=3 loop=3><TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
15.图片上下起伏向左移动
<MARQUEE scrollAmount=2>
<TABLE border=0 width=200>
<TBODY>
<TR>
<TD>
<MARQUEE direction=up height=200 behavior=alternate scrollAmount=2><TABLE border=0 width=200>
<TBODY>
<TR>
<TD><IMG src="图片地址"><DIV></DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE>
注:height=移动高度 数值必须大于图片高度
16.图片上下起伏向右移动
<MARQUEE direction=right scrollAmount=2>
<TABLE border=0 width=200>
<TBODY>
<TR>
<TD>
<MARQUEE direction=up height=200 behavior=alternate scrollAmount=2><TABLE border=0 width=200>
<TBODY>
<TR>
<TD><IMG src="图片地址"><DIV></DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE>
注:height=移动高度 数值必须大于图片高度
17.图片循环覆盖·从上到下
<DIV style="FILTER: glow(color=000000, strength=0)" align=center><MARQUEE direction=down scrollAmount=3>
<TABLE height=215 border=0>
<TBODY>
<TR>
<TD><MARQUEE height=215 direction=up scrollAmount=3>
<TABLE height=215 border=0>
<TBODY>
<TR>
<TD>
<IMG src="图片地址"> </DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE>
18.图片循环覆盖·由下往上
<DIV style="FILTER: glow(color=000000, strength=0)" align=center><MARQUEE direction=up scrollAmount=3>
<TABLE height=215 border=0>
<TBODY>
<TR>
<TD><MARQUEE height=215 direction=down scrollAmount=3>
<TABLE height=215 border=0>
<TBODY>
<TR>
<TD>
<IMG src="图片地址"> </DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE>
19.图片循环覆盖·从左到右
<DIV style="FILTER: glow(color=000000, strength=0); WIDTH: 206px; HEIGHT: 168px"><MARQUEE width=206 scrollAmount=1 beha>
<TABLE border=0>
<TBODY>
<TR>
<TD><MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up width=206 scrollAmount=1 beha><TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
20.图片循环覆盖·从右到左
<DIV style="FILTER: glow(color=000000, strength=0); WIDTH: 206px; HEIGHT: 168px"><MARQUEE width=206 scrollAmount=1 beha>
<TABLE border=0>
<TBODY>
<TR>
<TD><MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up width=206 scrollAmount=1 beha><TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
21.图片左右摇摆上移
<DIV align=center>
<MARQUEE height=200 behavior=alternate width=240 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<MARQUEE direction=up height=200 width=230 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><CENTR><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
22.图片左右摇摆下移
<DIV align=center>
<MARQUEE height=200 behavior=alternate width=240 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<MARQUEE direction=down height=200 width=230 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><CENTR><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
23.二图片中间向两边移动
<DIV align=center>
<MARQUEE width=150 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE direction=right width=150 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></DIV>
24.二图片水平对称向外移动
<DIV align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<MARQUEE height=129 width=200 scrollAmount=2 scrollDelay=40>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG style="FILTER: FlipH;" src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD>
<TD>
<MARQUEE direction=right height=129 width=200 scrollAmount=2 scrollDelay=40>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></DIV>
25.二图片两边向中间移动
<DIV align=center>
<MARQUEE direction=right width=150 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE width=150 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></DIV>
26.二图片水平对称向内移动
<DIV align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<MARQUEE direction=right height=129 width=200 scrollAmount=2 scrollDelay=40>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG style="FILTER: FlipH;" src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD>
<TD>
<MARQUEE height=129 width=200 scrollAmount=2 scrollDelay=40>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></DIV>
27.二图片中间向上下移动
<DIV align=center>
<MARQUEE direction=up height=100 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<CENTER><IMG src="图片地址"> </CENTER></TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE direction=down height=100 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<CENTER><IMG src="图片地址"> </CENTER></TD></TR></TBODY></TABLE></MARQUEE></DIV>
28.二图片垂直对称向外移动
<DIV align=center>
<MARQUEE scrollAmount=2 direction=up height=169>
<TABLE border=0>
<TBODY>
<TR>
<TD width=200><IMG src="图片地址"><TD></TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=up height=169>
<TABLE border=0>
<TBODY>
<TR>
<TD width=200><IMG src="图片地址"> <TD></TD></TR></TBODY></TABLE></MARQUEE></DIV>
29.二图片上下向中间移动
<DIV align=center>
<MARQUEE direction=down height=100 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<CENTER><IMG src="图片地址"> </CENTER></TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE direction=up height=100 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<CENTER><IMG src="图片地址"> </CENTER></TD></TR></TBODY></TABLE></MARQUEE></DIV>
30.二图片垂直对称向内移动
<DIV align=center>
<MARQUEE scrollAmount=2 direction=down height=169>
<TABLE border=0>
<TBODY>
<TR>
<TD width=200><IMG src="图片地址"><TD></TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=down height=169>
<TABLE border=0>
<TBODY>
<TR>
<TD width=200><IMG src="图片地址"> <TD></TD></TR></TBODY></TABLE></MARQUEE></DIV>
31.图片百叶窗移动效果
<TABLE border=0 width=图片总宽度 align=center>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE direction=right width=图片移动宽度 scrollAmount=1 scrollDelay=100>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD>
<TD align=middle>
<MARQUEE width=图片移动宽度 scrollAmount=1 scrollDelay=100>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG style="FILTER: FlipH" src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD>
<TD align=middle>
<MARQUEE direction=right width=图片移动宽度 scrollAmount=1 scrollDelay=100>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD>
<TD align=middle>
<MARQUEE width=图片移动宽度 scrollAmount=1 scrollDelay=100>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG style="FILTER: FlipH" src="图片地址"></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
32.图片无间隙翻页(下移)
<TABLE border=0 width=图片1宽度 background=图片1地址 height=图片1高度>
<TBODY>
<TR>
<TD><MARQUEE direction=down height=移动高度 scrollAmount=2>
<TABLE border=0 width=移动宽度>
<TBODY>
<TR>
<TD>
<MARQUEE direction=up height=移动高度scrollAmount=2>
<TABLE border=0 width=移动宽度>
<TBODY>
<TR>
<TD><IMG src="图片2地址" width=图片2宽度 height=图片2高度></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
33.图片无间隙翻页(上移)
<TABLE border=0 width=图片1宽度 background=图片1地址 height=图片1高度>
<TBODY>
<TR>
<TD><MARQUEE direction=up height=移动高度 scrollAmount=2>
<TABLE border=0 width=移动宽度>
<TBODY>
<TR>
<TD>
<MARQUEE direction=down height=移动高度scrollAmount=2>
<TABLE border=0 width=移动宽度>
<TBODY>
<TR>
<TD><IMG src="图片2地址" width=图片2宽度 height=图片2高度></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
34.图片无间隙翻页(左移)
<TABLE border=0 width=图片1宽度 background=图片1地址 height=图片1高度>
<TBODY>
<TR>
<TD><MARQUEE width=移动宽度 scrollAmount=2>
<TABLE border=0 height=图片1高度 width=图片1宽度>
<TBODY>
<TR>
<TD>
<MARQUEE direction=right width=移动宽度 scrollAmount=2>
<TABLE border=0 height=图片2高度 width=图片2宽度>
<TBODY>
<TR>
<TD>
<IMG src="图片2地址" width=图片2宽度height=图片2高度></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
35.图片无间隙翻页(右移)
<TABLE border=0 width=图片1宽度 background=图片1地址 height=图片1高度>
<TBODY>
<TR>
<TD><MARQUEE direction=right width=移动宽度 scrollAmount=2>
<TABLE border=0 height=图片1高度 width=图片1宽度>
<TBODY>
<TR>
<TD>
<MARQUEE width=移动宽度 scrollAmount=2>
<TABLE border=0 height=图片2高度 width=图片2宽度>
<TBODY>
<TR>
<TD>
<IMG src="图片2地址" width=图片2宽度height=图片2高度></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
36.图片上移动加FLASH特效的梦幻图片
<TABLE height=底图高度 width=底图宽度 align=center background=底图地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=移图高度 width=移图宽度 align=center background=移图地址>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=1><EMBED src=Flash图片地址 width=图片宽度 height=图片高度 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" ? wmode="transparent" quality="high"></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
37.多图片左右来回移动(友情链接形式)
<MARQUEE height=移动高度 width=移动宽度 scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD width=图片1宽度>
<A href="图片1链接地址" target=_blank><IMG src="图片1地址" height=图片1高度></A></TD><TD width=图片1宽度><A href="图片2链接地址" target=_blank><IMG src="图片2地址" height=图片2高度></A></TD><TD width=图片3宽度>
<A href="图片3链接地址" target=_blank><IMG src="图片3地址" height=图片3高度></A></TD><TD width=图片4宽度><A href="图片4链接地址" target=_blank><IMG src="图片4地址" height=图片4高度></A></TD><TD width=图片5宽度><A href="图片5链接地址" target=_blank><IMG src="图片5地址" height=图片5高度></A></TD><TD width=图片6宽度><A href="图片6链接地址" target=_blank><IMG src="图片6地址" height=图片6高度></A></TD></TR>
</TBODY></TABLE></MARQUEE>
38.多图片向上移动(友情链接形式)
<DIV align=center>
<MARQUEE direction=up scrollAmount=2>
<TABLE border=0 width=200 height=165>
<TBODY>
<TR>
<TD><CENTER><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A> </CENTER></TD></TR></TBODY></TABLE></MARQUEE></DIV>
39.多图上下来回移动(友情链接形式)
<DIV align=center>
<MARQUEE direction=down behavior=alternate scrollAmount=2>
<TABLE border=0 width=200 height=165>
<TBODY>
<TR>
<TD><CENTER><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A><BR><A href="链接地址" target=_blank><IMG src="图片地址" width=图片宽度 height=图片高度></A> </CENTER></TD></TR></TBODY></TABLE></MARQUEE></DIV>
40.图片局部来回水平显现
<DIV align=center>
<TABLE width=图片宽度 background=图片地址 height=图片高度>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff00)" bgColor=#000000>
<MARQUEE direction=right height=150 behavior=alternate width=412 scrollAmount=1>
<TABLE border=0 width=150 height=150>
<TBODY>
<TR>
<TD><IMG src=http://image98.360doc.com/DownloadImg/2016/08/0220/77087923_3.bmp width=显块宽度 height=显块高度></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>
本图片移动代码是本人为了自用而精心编辑整理的。由于经常变换代码结构,以前的代码大多已不能使用了,所以本图书馆花了大量时间和精力进行了重新整理编辑,本代码是目前能使用的最新的应用代码,现奉献给需要的朋友,你的需要是我的幸运,但愿你们能玩得如意和开心。欢迎朋友取用内容自行编辑,如连带取用本书馆个性风格时请尊重本书馆的辛勤劳动,不要篡改和破坏本书馆的原个性风貌,以保持本书馆展现的个性美,否则,你将会因很累而不划算的,在此谢上了!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
如何制作拉幕图片
滚动图片代码  - xiugang1985@126的日志 - 网易博客
滚动.透明.对开图制作
几种图片特效代码及例图
精选常用QQ和博客装扮超级动画贴图(图片图像动画五)
【代码应用】用代码制作的卷轴画(夕阳无限美编制)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服