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

 

      学习博客代码，《兰山艺语》是我的启蒙老师，博客代码是他教的。为了教我，还帮我开了一个专供学习用的实验博客，发代码、做示范，认真耐心。根据教我的代码，我又结合其他网友博文中的代码，反复练习，掌握了一些基本操作方法。在此，我谢谢老师和网友了！

 

     （一）：单张图片左右移动代码：

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

 

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

 

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

 

<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://s13.sinaimg.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://s2.sinaimg.cn/middle/51e36679h8054c02a0e51&690>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=400>
<MARQUEE scrollAmount=3 behavior=alternate width=1200><IMG height=400 src="http://s15.sinaimg.cn/middle/51e36679h7f3cb6783d2e&690"></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

◆◆◆◆◆ 效果演示：

 

 

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

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

 

◆◆◆◆◆代码之一 效果演示： 谢谢您的光临◆◆◆◆◆代码之二：

 

<MARQUEE scrollDelay=99 width="100%" height=108 BORDER="0"><IMG src="http://s4.sinaimg.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://s4.sinaimg.cn/middle/51e36679h7be8f1952b63&690&690"></MARQUEE>
<DIV style="FONT-SIZE: 50pt; FILTER: shadow(color=#40a0ff); WIDTH: 690px"></DIV>

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

◆◆◆◆◆代码之二：

 

<MARQUEE scrollAmount=3 behavior=alternate width=690><IMG src="http://s3.sinaimg.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字就变小了；要变大，则反之。