最新滚动图片代码大全及示例（超震撼）

最新滚动图片代码大全及示例（超震撼）  

2011-09-04 11:23:19|  分类： [置顶]移动闪边； |  标签： |字号大中小 订阅

她制作的代码不一定是对的；原因我依照她原来代码改换我自己图片始终出错；和她制作的不一样；如果不改换；往往百度会马上图片消失；代码实在太多，花了老长时间才该完毕；实在眼睛也被看花；滚动都有确实不错；需要时可用！

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://image37.360doc.com/DownloadImg/2011/09/2009/17779450_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://image37.360doc.com/DownloadImg/2011/09/2009/17779450_2.jpg"

 width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_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://image37.360doc.com/DownloadImg/2011/09/2009/17779450_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://image37.360doc.com/DownloadImg/2011/09/2009/17779450_1.jpg" width=330 height=570></A>

</MARQUEE></TD>

<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165>

<A><img src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_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://image37.360doc.com/DownloadImg/2011/09/2009/17779450_3.jpg" width=330 height=570></A>
</MARQUEE></TD>

<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165>

<A><img src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_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://image37.360doc.com/DownloadImg/2011/09/2009/17779450_1.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_2.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_3.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_5.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_6.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_7.jpg" width=400></A>
<A><IMG height=570 src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_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"> <WBR><WBR><WBR></P>
<P style="TEXT-INDENT: 2em"> </P>
<MARQUEE scrollAmount=3 direction=down width=650 height=570><A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_1.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_2.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_3.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_6.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://s15.sinaimg.cn/middle/6407b3f4h8a292630cb2e&690" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_5.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_5.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_5.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_6.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_6.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_7.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_6.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_6.jpg"></A></MARQUEE>

 

 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  

 

7.图片向上循环滚动代码

<P style="TEXT-INDENT: 2em"> <WBR><WBR></P>
<P style="TEXT-INDENT: 2em"> <WBR><WBR></P>
<MARQUEE scrollAmount=3 direction=up width=650 height=570><A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_1.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_1.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_2.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_2.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_3.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_3.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_5.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_5.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_7.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_7.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_8.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_8.jpg"></A> <A><IMG title=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） height=570 alt=[转载]【教程】最新滚动图片代码大全及示例--上集（超震撼） src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg" width=400 real_src="http://image37.360doc.com/DownloadImg/2011/09/2009/17779450_4.jpg"></A></MARQUEE><BR>
<P style="TEXT-INDENT: 2em"> <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>