图片滚动制作大全

图片滚动制作大全
     用代码制作各式滚动图片，方法很简单！可以放在博客模块、qq空间，淘宝商城，图片地址怎么找？滚动图片在什么空间制作，图片就要上传那里！点属性【url】就是图片的地址！博客、空间、、、会更漂亮！由于时间，我就不多说了！如果不会请留言！

                                 1、侧栏小模块右滚动！

 

代码制作：

<TABLE style="WIDTH: 181px; HEIGHT: 407px" borderColor=#1c44bb cellPadding=0 width=181 align=center border=2>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="http://s6.sinaimg.cn/middle/44748ea4ha1f109e0fbb5&690" width=330></A></MARQUEE></TD>
<TD align=middle></TD></TR></TBODY></TABLE

2、侧栏小模块向左滚动

 

代码分享：

<TABLE style="WIDTH: 180px; HEIGHT: 580px" borderColor=#1c44bb cellPadding=0 width=180 align=center border=2>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165><A><IMG height=570 src="http://s8.sinaimg.cn/middle/44748ea4ha1f108dc1007&690" width=330></A></MARQUEE></TD>
<TD align=middle></TD></TR></TBODY></TABLE>

 3、图片来回不停滚动

 

代码分享制作：

<MARQUEE scrollAmount=3 behavior=alternate width=650 height=570><A><IMG height=570 src="http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690" width=400></A> <A><IMG height=570 src="http://s12.sinaimg.cn/middle/74f333cdha156e03482bb&690" width=400></A> <A><IMG height=570 src="http://s14.sinaimg.cn/middle/44748ea4ha16592bb306d&690" width=400></A> <A><IMG height=570 src="http://s8.sinaimg.cn/middle/44748ea4ha1f108dc1007&690" width=400></A> <A><IMG height=570 src="http://s4.sinaimg.cn/middle/44748ea4ha1f107538773&690" width=400></A> <A><IMG height=570 src="http://s9.sinaimg.cn/middle/44748ea4ha1f10c0f6ad8&690" width=400></A> <A><IMG height=570 src="http://image46.360doc.com/DownloadImg/2011/12/0600/19811767_3" width=400></A> <A><IMG height=570 src="http://s14.sinaimg.cn/middle/44748ea4ha1f10802586d&690" width=400></A></MARQUEE>
<CENTER></CENTER>

 

4、美丽图向右循环滚动

 

代码方法：

<MARQUEE scrollAmount=3 direction=right width=650 height=570><A><IMG height=570 src="http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690" width=400></A> <A><IMG height=570 src="http://s4.sinaimg.cn/middle/44748ea4ha1f10ad80793&690" width=400></A> <A><IMG height=570 src="http://s8.sinaimg.cn/middle/44748ea4ha1f108dc1007&690" width=400></A> <A><IMG height=570 src="http://s7.sinaimg.cn/middle/74f333cdha156f750c2e6&690" width=400></A> <A><IMG height=570 src="http://s12.sinaimg.cn/middle/74f333cdha156e03482bb&690" width=400></A> <A><IMG height=570 src="http://s6.sinaimg.cn/middle/44748ea4ha1f109e0fbb5&690" width=400></A> <A><IMG height=570 src="http://s6.sinaimg.cn/middle/44748ea4ha1659a220ad5&690" width=400></A> <A><IMG height=570 src="http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690" width=400></A></MARQUEE>
<CENTER></CENTER>

 

5、图片向下循环滚动代码

 

 

 代码方法：

 <WBR><WBR>
<P> </P>
<MARQUEE scrollAmount=3 direction=down width=650 height=570><A><IMG src="http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690" width=400 http://s7.sinaimg.cn/middle/74f333cdha156f750c2e6&690">http://s7.sinaimg.cn/middle/74f333cdha156f750c2e6&690" alt） titleheight="570"></A> <A><IMG width=400 http://s16.sinaimg.cn/middle/6407b3f4h8a2925f3cbaf&690">http://s16.sinaimg.cn/middle/6407b3f4h8a2925f3cbaf&690" titleheight="570" altsrc="http://s16.sinaimg.cn/middle/6407b3f4h8a2925f3cbaf&690"></A> <A><IMG title=[ height=570 alt="" src="http://s1.sinaimg.cn/middle/6407b3f4h8a29262173a0&690" width=400 http://s1.sinaimg.cn/middle/6407b3f4h8a29262173a0&690'>> <A><IMG title="" height=570 alt=[ src="http://s15.sinaimg.cn/middle/6407b3f4h8a292630cb2e&690" width=400 http://s15.sinaimg.cn/middle/6407b3f4h8a292630cb2e&690'>> <A><IMG src="http://s3.sinaimg.cn/middle/6407b3f4h8a29264f4cd2&690" width=400 http://s3.sinaimg.cn/middle/6407b3f4h8a29264f4cd2&690">http://s3.sinaimg.cn/middle/6407b3f4h8a29264f4cd2&690" title）></A> <A><IMG title='[src="http://s10.sinaimg.cn/middle/6407b3f4h8a2926aae1d9&690"' width=400 http://s10.sinaimg.cn/middle/6407b3f4h8a2926aae1d9&690'>> <A><IMG title="" src="http://s5.sinaimg.cn/middle/6407b3f4h8a2926d88fc4&690" width=400 http://s5.sinaimg.cn/middle/6407b3f4h8a2926d88fc4&690'>> <A><IMG title="" src="http://s6.sinaimg.cn/bmiddle/6407b3f4h8a292b800ee5&690" width=400 http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690'>>

5、图片向上循环滚动代码

 

代码分享制作：

<MARQUEE scrollAmount=3 behavior=alternate width=650 height=570><A><IMG height=570 src="http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690" width=400></A> <A><IMG height=570 src="http://s12.sinaimg.cn/middle/74f333cdha156e03482bb&690" width=400></A> <A><IMG height=570 src="http://s14.sinaimg.cn/middle/44748ea4ha16592bb306d&690" width=400></A> <A><IMG height=570 src="http://s8.sinaimg.cn/middle/44748ea4ha1f108dc1007&690" width=400></A> <A><IMG height=570 src="http://s4.sinaimg.cn/middle/44748ea4ha1f107538773&690" width=400></A> <A><IMG height=570 src="http://s9.sinaimg.cn/middle/44748ea4ha1f10c0f6ad8&690" width=400></A> <A><IMG height=570 src="http://image46.360doc.com/DownloadImg/2011/12/0600/19811767_3" width=400></A> <A><IMG height=570 src="http://s14.sinaimg.cn/middle/44748ea4ha1f10802586d&690" width=400></A></MARQUEE>
<CENTER></CENTER>

 

6、 居中向两边滚动代码

 

 代码制作：

 align=center border=2>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="http://s13.sinaimg.cn/middle/44748ea4ha1c90219ceac&690" width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165><A><IMG height=570 src="http://s14.sinaimg.cn/middle/44748ea4ha1f10802586d&690" width=330></A></MARQUEE></TD>
<TD align=middle></TD></TR></TBODY></TABLE

 

多图片代码

<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>

欢迎您光临申国富博客!