打开APP
userphoto
未登录

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

开通VIP

首页

好书

留言交流

下载APP

联系客服
最新滚动图片代码大全及示例（超震撼）
userphoto 关注
她制作的代码不一定是对的；原因我依照她原来代码改换我自己图片始终出错；和她制作的不一样；如果不改换；往往百度会马上图片消失；代码实在太多，花了老长时间才该完毕；实在眼睛也被看花；滚动都有确实不错；需要时可用！
1.图片设定百叶窗式对分滚动效果代码
<TABLE borderColor=#ff00cc cellSpacing=2 cellPadding=0 width=660 align=center border=2>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_1.jpg" width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165><A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_2.jpg"width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_3.jpg"width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165><A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg" width=330></A></MARQUEE></TD></TR></TBODY></TABLE>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
2.图片设定百叶窗式对开滚动效果代码
<TABLE borderColor=#FF00CC cellSpacing=2 cellPadding=0 width=660 align=center border=2>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165>
<A><img src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_1.jpg" width=330 height=570></A>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165>
<A><img src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_2.jpg" width=330 height=570></A>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165>
<A><img src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_3.jpg" width=330 height=570></A>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165>
<A><img src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg" width=330 height=570></A>
</MARQUEE></TD>
</TR></TBODY></TABLE>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
3.图片来回滚动代码
<MARQUEE width=650 scrollAmount=3 height=570 behavior="alternate"><A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_1.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_2.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_3.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_5.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_6.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_7.jpg" width=400></A>
<A><IMG height=570 src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_8.jpg" width=400></A>
</MARQUEE></CENTER>//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
5.图片向左循环滚动代码
<MARQUEE width=650 scrollAmount=3 height=570 >
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
<A><IMG height=570 src="图片地址" width=400></A>
</MARQUEE></CENTER>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
6.图片向下循环滚动代码
<P style="TEXT-INDENT: 2em">&nbsp;<WBR><WBR><WBR></P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<MARQUEE scrollAmount=3 direction=down width=650 height=570><A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_1.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_2.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_3.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_6.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://s15.sinaimg.cn/middle/6407b3f4h8a292630cb2e&amp;690" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_5.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_5.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_5.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_6.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_6.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_7.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_6.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_6.jpg"></A></MARQUEE>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
7.图片向上循环滚动代码
<P style="TEXT-INDENT: 2em">&nbsp;<WBR><WBR></P>
<P style="TEXT-INDENT: 2em">&nbsp;<WBR><WBR></P>
<MARQUEE scrollAmount=3 direction=up width=650 height=570><A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_1.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_1.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_2.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_2.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_3.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_3.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_5.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_5.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_7.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_7.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_8.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_8.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg" width=400 real_src="http://image38.360doc.com/DownloadImg/2011/10/0414/18224187_4.jpg"></A></MARQUEE><BR>
<P style="TEXT-INDENT: 2em">&nbsp;<WBR><WBR><WBR><WBR></P><BR><A href="http://blog.sina.com.cn/88hongqing" target=_blank>7.图片向上循环滚动代</A><A href="http://blog.sina.com.cn/88hongqing" target=_blank>码</A><A href="http://blog.sina.com.cn/88hongqing" target=_blank></A>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
8.图片居中向两边滚动代码
<center><marquee width=330 scrollAmount=3 height=570>
<A><img width=400 src=图片地址1 height=570></A>
<A><img width=400 src=图片地址2 height=570></A>
<A><img width=400 src=图片地址3 height=570></A>
<A><img width=400 src=图片地址4 height=570></A>
<A><img width=400 src=图片地址5 height=570></A>
<A><img width=400 src=图片地址6 height=570></A>
<A><img width=400 src=图片地址7 height=570></A>
<A><img width=400 src=图片地址8 height=570></A>
</marquee><marquee direction=right width=330 scrollAmount=3 height=570>
<A><img width=400 src=图片地址8 height=570></A>
<A><img width=400 src=图片地址7 height=570></A>
<A><img width=400 src=图片地址6 height=570></A>
<A><img width=400 src=图片地址5 height=570></A>
<A><img width=400 src=图片地址4 height=570></A>
<A><img width=400 src=图片地址3 height=570></A>
<A><img width=400 src=图片地址2 height=570></A>
<A><img width=400 src=图片地址1 height=570></A>
</marquee></center>
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。
打开APP，阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序，算一算2024你的财运
制作一个唱歌模版
〖代码〗漂亮的动态相册
怎样自制移动相片
制作滚动的图片
如何制作拉幕图片
【代码应用】用代码制作图片渐显渐缩
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权！
如果VIP功能使用有故障，
可点击这里联系客服！

联系客服