|
将向博客新手详细解讲制作过程
|
|
原始代码如下:
<TABLE borderColor=#cd5c5c height=80 width=444 align=center border=2>
<TBODY>
<TR>
<TD background=http://image35.360doc.com/DownloadImg/2011/09/0217/16918930_15.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=296>
<MARQUEE scrollAmount=3 behavior=alternate width=436> <IMG style="FILTER: Alpha(opacity=70,style=4)" src="http://image35.360doc.com/DownloadImg/2011/09/0217/16918930_10.jpg" >
<P align=center><FONT size=4 ff><FONT face=黑体 color=#000000><FONT color=#00ff00>肖</FONT><FONT color=#00ffff>（猪）</FONT><FONT color=#00ff00>运程</FONT></FONT><FONT size=4 ff><BR></FONT></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
部分代码解析:
1、borderColor:表示图片边框颜色值;可点击下列文章:『颜色速查表』一文,选用不同的颜色;
2、选好图片,将图片地址依次放进代码中;再复制全部代码然后放进代码框内即可;其中兰色图片地址为大图,红色图片地址为小图;
相关文章链接:
3、scrollAmount:表示图片的滚动速度;可以根据操作需要进行适当修改;
4、direction:表示图片移动属性方向;left(向左), right(向右),up(向上),down(向下);可根据需要选用;
5、behavior:表示图片移动方式;scroll(一圈一圈), slide(只走一次), alternate(来回走);可根据需要选用;
6、opacity:表示小图片在大图片中的透明度(数值可修改);
7、其它代码不变;
下面的效果图,是本人将上述代码数值适当修改后得到的:
说明:
1、如果再在原代码中加入一段链接代码,你就可以点击小图进入你所指定的链接页面了;如下图;
2、你只要点击大图中的小图,即可进入我的博客主页;
|
|
|
