注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

学习、娱乐、开心你我她!!

【学无止境、娱乐休闲】记录点滴快乐,分享精彩生活

 
 
 

日志

 
 

【图片滚动代码及效果图】  

2007-08-28 17:24:52|  分类: 〖博客技巧〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

【图片滚动代码及效果图】

yisins欢迎您的到来

1.图片右向左滚动的代码:

<MARQUEE height=100 widhth="200">

<P align=left>

<P align=center>

<IMG src="http://img.blog.163.com/photo/EySU0xBncrQNZuS3IEjU3g==/2614339583688669821.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/yZIDQuyui12Tbla4bcrrFQ==/2614339583688669814.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/VhInVJOck0xAZjxQrpY1DQ==/2614339583688669807.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/lO7cof773ty71En4fKebbg==/2614339583688669804.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/8p40Sta-qbA1je_FAwsIKg==/2614339583688669798.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/R1Bs_DVihZUmxzl5p7e-5A==/2614339583688669785.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/Z2Nh03RYBvFH5LAZnvYf2g==/2614339583688669743.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/MpFBtvRT6GoPYPGU01bwEg==/2614339583688669761.jpg

" width=150> </P></MARQUEE>

右向左滚动的效果图:

2.图片左向右滚动的代码:

<MARQUEE direction=right>

<P align=right>

<P align=center>

<IMG src="http://img.blog.163.com/photo/EySU0xBncrQNZuS3IEjU3g==/2614339583688669821.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/yZIDQuyui12Tbla4bcrrFQ==/2614339583688669814.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/VhInVJOck0xAZjxQrpY1DQ==/2614339583688669807.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/lO7cof773ty71En4fKebbg==/2614339583688669804.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/8p40Sta-qbA1je_FAwsIKg==/2614339583688669798.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/R1Bs_DVihZUmxzl5p7e-5A==/2614339583688669785.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/Z2Nh03RYBvFH5LAZnvYf2g==/2614339583688669743.jpg" height=290 width=150>

<IMG src="http://img.blog.163.com/photo/MpFBtvRT6GoPYPGU01bwEg==/2614339583688669761.jpg" height=290 width=150>

</P> </MARQUEE>

左向右滚动的效果图:

 3.图片来回滚动的代码:

<MARQUEE behavior=alternate> <P align=left>

<P align=center>

<IMG src="http://img.blog.163.com/photo/EySU0xBncrQNZuS3IEjU3g==/2614339583688669821.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/yZIDQuyui12Tbla4bcrrFQ==/2614339583688669814.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/VhInVJOck0xAZjxQrpY1DQ==/2614339583688669807.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/lO7cof773ty71En4fKebbg==/2614339583688669804.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/8p40Sta-qbA1je_FAwsIKg==/2614339583688669798.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/R1Bs_DVihZUmxzl5p7e-5A==/2614339583688669785.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/Z2Nh03RYBvFH5LAZnvYf2g==/2614339583688669743.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/MpFBtvRT6GoPYPGU01bwEg==/2614339583688669761.jpg

" width=150>

</P>

</MARQUEE>

来回滚动的效果图:

4.由下向上滚动的代码:

<MARQUEE  direction=up> <P align=center>

<IMG src="http://img.blog.163.com/photo/EySU0xBncrQNZuS3IEjU3g==/2614339583688669821.jpg" height=290  width=150>

<IMG src="http://img.blog.163.com/photo/yZIDQuyui12Tbla4bcrrFQ==/2614339583688669814.jpg" height=290  width=150>

<IMG src="http://img.blog.163.com/photo/VhInVJOck0xAZjxQrpY1DQ==/2614339583688669807.jpg" height=290  width=150> </P> </MARQUEE>

由下向上滚动的效果图:

5.由上向下滚动的代码:

<MARQUEE direction=down height=280 widhth="200">

<P align=right>

<P align=center>

<IMG src="http://img.blog.163.com/photo/8p40Sta-qbA1je_FAwsIKg==/2614339583688669798.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/R1Bs_DVihZUmxzl5p7e-5A==/2614339583688669785.jpg" width=150>

<IMG src="http://img.blog.163.com/photo/Z2Nh03RYBvFH5LAZnvYf2g==/2614339583688669743.jpg" width=150> </P> </MARQUEE> 

由上向下滚动的效果图:

6 .左向右上下起伏的文字图片代码:

<marquee direction=right><marquee behavior=alternate direction=up height=400><P align=center><font color=ff0000 size=6 face=宋体><b>yisins欢迎大家的光临指导</b></font><br>

<img src=http://img.blog.163.com/photo/yZIDQuyui12Tbla4bcrrFQ==/2614339583688669814.jpg>

<img src=http://img.blog.163.com/photo/VhInVJOck0xAZjxQrpY1DQ==/2614339583688669807.jpg>

<img src="http://img.blog.163.com/photo/lO7cof773ty71En4fKebbg==/2614339583688669804.jpg" width=150>

</marquee><br></marquee>

左向右上下起伏的文字图片的效果图:

yisins欢迎大家的光临指导


7. 右向左上下起伏的文字图片代码:

<marquee direction=left><marquee behavior=alternate direction=up height=400><P align=center><font color=ff0000 size=6 face=宋体><b>yisins欢迎大家的光临指导</b></font><br>

<img src=http://img.blog.163.com/photo/yZIDQuyui12Tbla4bcrrFQ==/2614339583688669814.jpg>

<img src=http://img.blog.163.com/photo/EySU0xBncrQNZuS3IEjU3g==/2614339583688669821.jpg>

<img src="http://img.blog.163.com/photo/lO7cof773ty71En4fKebbg==/2614339583688669804.jpg>" width=150>

</marquee><br></marquee>

右向左上下起伏的文字图片的效果图:

yisins欢迎大家的光临指导


8. 由中间向上下分开的代码:

<MARQUEE direction=up>

<P align=center> <IMG src="http://img.blog.163.com/photo/ylGkYVhK5xMIMjmmJMx3IQ==/2544252314487718640.jpg"> </P></MARQUEE>

<MARQUEE direction=down>

<P align=center><IMG src="http://img.blog.163.com/photo/IJ5syi6TPAo97bcdKiHXvQ==/2544252314487718661.jpg">

</P></MARQUEE>

由中间向上下分开的效果图:  

 9.上下向中间靠拢的代码:

<MARQUEE direction=down>

<P align=center><IMG src="http://img.blog.163.com/photo/ylGkYVhK5xMIMjmmJMx3IQ==/2544252314487718640.jpg">

</P></MARQUEE><MARQUEE direction=up>

<P align=center><IMG src="http://img.blog.163.com/photo/IJ5syi6TPAo97bcdKiHXvQ==/2544252314487718661.jpg">

</P></MARQUEE>

上下向中间靠拢的效果图: 

 相片重合的代码

<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=3 scrollDelay=100 direction=right width=165><IMG src="http://img.blog.163.com/photo/ylGkYVhK5xMIMjmmJMx3IQ==/2544252314487718640.jpg">

</MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=3 scrollDelay=100 width=165><IMG src="http://img.blog.163.com/photo/ylGkYVhK5xMIMjmmJMx3IQ==/2544252314487718640.jpg">

</MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=3 scrollDelay=100 direction=right width=165><IMG src="http://img.blog.163.com/photo/E0TpzZyh6WJNGDVQSp8Mzg==/5134666525155892546.jpg">

</MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=3 scrollDelay=100 width=165><IMG src="http://img.blog.163.com/photo/E0TpzZyh6WJNGDVQSp8Mzg==/5134666525155892546.jpg">

</MARQUEE></TD></TR></TBODY></TABLE>

下面是效果:

 

多张图片向上滚动的代码:

<center><MARQUEE direction=up width=510 height=500><P align=right><P align=center><IMG src="
http://img.blog.163.com/photo/4P3dhIX1MFY-mwbBmpUeBQ==/436849163855252205.jpg" width=347></P><P align=right><P align=center><IMG src=http://img.blog.163.com/photo/ZB91N4v7k71A0Kd9YOmmfw==/850898854596450087.jpg

width=335></p><P align=center><IMG src="
http://img.blog.163.com/photo/kPO98WrgMjUShwFh8ACLTg==/430375239390666232.jpg" width=360></P><P align=center><IMG src="
http://img.blog.163.com/photo/v7M0MXrG4qelSQGBTOsZ5w==/1469862328383181948.jpg" width=378></P><P align=center><IMG src="
http://img.blog.163.com/photo/AWlGeBQUudteoIjKLE30fQ==/2581407011413571131.jpg" width=380></P><P align=right><P align=center><IMG src="http://img.blog.163.com/photo/_zgSjc-jVtoXnOfQ3_xrAw==/2581407011413571133.jpg" width=448></p><P align=center><IMG src=http://img.blog.163.com/photo/OcIro1r2mgfaL5Jh0KJTWA==/5358720606617577594.jpg

width=330></p></P></MARQUEE>

下面是向上滚动的效果:

 

欣赏图片上贴FLASH的代码和效果请点这里

欣赏图片特效代码及效果请点这里

 更详细的图片滚动特效代码请点击这里 

  评论这张
 
阅读(451)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017