图画在框中移动的制作代码及方法

 

关于制作

 

    这是昭昭公主布置的一道作业。我进行了一些改革，我说过，为保持博客的风格一致，我不喜欢小图，因此我把该图放大了，不管是外框还是内图都放大了，这样看起来更加大气。代码如下:

<DIV align=center>
<TABLE height=524 cellSpacing=0 cellPadding=0 width=690 align=center background=http://s2.sinaimg.cn/middle/5d93f002x753721a56ce1&690

border=0><TBODY><TR><TD><DIV align=center>
<DIV style="BORDER-RIGHT: #663399 8px inset; BORDER-TOP: #663399 8px inset; LEFT: 0px;

OVERFLOW: hidden; BORDER-LEFT: #663399 8px inset; WIDTH: 630px; BORDER-BOTTOM:

#663399 8px inset; POSITION: relative; TOP: 0px; HEIGHT: 464px">
<DIV align=left>
<MARQUEE style="LEFT: -50px; POSITION: absolute; TOP: -60px" scrollAmount=1

scrollDelay=1 direction=down behavior=alternate width=690 height=524>
<MARQUEE scrollAmount=1 scrollDelay=1 direction=right behavior=alternate width=690><IMG src="http://s10.sinaimg.cn/orignal/5d93f002t75d06bdff379&690">

</MARQUEE></MARQUEE></DIV></DIV></DIV></TD></TR></TBODY></TABLE></DIV>
说明和注意事项:

红的部分分别为蓝色边框背景地址和风景图的地址（边框背景可自己选，可是竹简，也可是其他素材）；

绿色部分为边框的内线颜色代码；

紫色分别是宽和高的尺寸，上面的690为固定数。中间的630和460很重要，控制内框的大小，即：外框大，里面的图形就小，根据个人的喜好自己调节数据。最下面的数据690和524是风景图的长和高的尺寸（690-630，524-464，我这个图的框的宽度为60）；

蓝色为内线（紫色线）的宽度。

 

 效果还可参见: 唯美吟唱一(教学版)