学习图片、文字左右移动代码及效果演示

学习图片、文字左右移动代码及效果演示
（一）：单张图片左右移动代码：

◆◆◆◆◆ 代码之一：《欢迎光临 》图片左右移动
<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://static5.photo.sina.com.cn/middle/51e36679h7dcbc7468f14&690&690"></MARQUEE>

 

 ◆◆◆◆◆代码之一效果演示：

 

◆◆◆◆◆代码之二：《大家好》图片左右移动

 

<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://static13.photo.sina.com.cn/middle/51e36679h7be880bd9e3c&690&690"></MARQUEE>
<DIV style="FONT-SIZE: 50pt; FILTER: shadow(color=#40a0ff); WIDTH: 690px"></DIV>

 

◆◆◆◆◆代码之二效果演示：

 

 

◆◆◆◆◆（二）：图片上加左右移动图片

 

代码：<TABLE borderColor=#cd5c5c height=420 width=700 border=3>
<TBODY>
<TR>
<TD background=http://image11.360doc.com/DownloadImg/2010/06/2511/3744342_8><MARQUEE scrollAmount=3 direction=down behavior=alternate height=400>
<MARQUEE scrollAmount=3 behavior=alternate width=1200><IMG height=400 src="http://static15.photo.sina.com.cn/middle/51e36679h7f3cb6783d2e&690"></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

◆◆◆◆◆ 效果演示：

 

 

◆◆◆◆◆（三）：图片与字一起左右移动代码：代码之一：

<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://static7.photo.sina.com.cn/middle/51e36679h7de13cfec296&690&690"> <FONT color=red size=9><B>谢谢您的光临</B><IMG src="http://static7.photo.sina.com.cn/middle/51e36679h7de13cfec296&690&690"></FONT></MARQUEE>

 

◆◆◆◆◆代码之一 效果演示：

谢谢您的光临

◆◆◆◆◆代码之二：

 

<MARQUEE scrollDelay=99 width="100%" height=108 BORDER="0"><IMG src="http://static4.photo.sina.com.cn/middle/51e36679h7e31305b0793&690&690f"> <STRONG><FONT face=华文行楷><FONT size=7><FONT color=#ff0000></FONT><FONT color=#ff8900></FONT><FONT color=#92c000>欢</FONT><FONT color=#00c024>迎</FONT><FONT color=#00c0da>您</FONT><FONT color=#0053ff>的</FONT><FONT color=#4800ff>光</FONT><FONT color=#ff00ff>临</FONT></FONT></FONT></STRONG><BR><BR></MARQUEE>

 

◆◆◆◆◆代码之二 效果演示：

欢迎您的光临

◆◆◆◆◆ （四）：文字左右移动代码：代码之一：

<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://static4.photo.sina.com.cn/middle/51e36679h7be8f1952b63&690&690"></MARQUEE>
<DIV style="FONT-SIZE: 50pt; FILTER: shadow(color=#40a0ff); WIDTH: 690px"></DIV>

◆◆◆◆◆ 代码之一效果演示：

来源：(http://blog.sina.com.cn/s/blog_51e366790100h4mv.html) - 学习图片、文字左右移动代码及效果演示_麦穗_新浪博客

◆◆◆◆◆代码之二：

 

<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://static3.photo.sina.com.cn/middle/51e36679h7be8f1664ad2&690&690"></MARQUEE>
<DIV style="FONT-SIZE: 50pt; FILTER: shadow(color=#40a0ff); WIDTH: 690px"></DIV>

 

◆◆◆◆◆代码之二效果演示：

◆◆◆◆◆操作方法：

    1：复制代码——发博文——钩“显示源代码”——粘贴——换上自己喜欢的图片和文字，预览满意后，就可发表了。

    2：图片地址：选自己喜欢的图片——属性——复制——确定——替换原图片地址，预览博文，满意后，就可发表了。

    3： width=690——宽度可以调整，如500至690；height=420——高度也可调整，如200——500等。

文字大小代码size=9，也可调整，如把9调整为5，字就变小了；还有一种文字大小代码50pt，把50调为20字就变小了；要变大，则反之。

来源：(http://blog.sina.com.cn/s/blog_51e366790100h4mv.html) - 学习图片、文字左右移动代码及效果演示_麦穗_新浪博客