图中图移动的制作方法

2011-06-02 14:54:18|  分类：博客制作(图片类) |  标签： |字号大中小

 

将向博客新手详细解讲制作过程

http://hdly006502.blog.163.com.

撰文：寒冬腊月

肖（猪）运程

原始代码如下:

<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>&nbsp;<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、你只要点击大图中的小图,即可进入我的博客主页;

点击小图进入