制作滚动的图片...

制作滚动的图片　2006-11-26 19:26

分类：博客教程

字号： 大大  中中  小小

看了我博客里一些滚动的图片吗？想做一下吗？呵呵，很简单的，跟着我一步一步地做吧！

    首先新建一个模块，然后在模块中复制粘贴入以下代码：

<marquee direction=left scrollamount=4>
<img src="图片地址1" height=150>
<img src="图片地址2" height=150>
<img src="图片地址3" height=150>
<img src="图片地址4" height=150>
<img src="图片地址5" height=150>
</marquee>

图片新窗口链接:

<MARQUEE scrollAmount=2>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

</marquee>

注：1、图片地址处替换为你想要展示的图片的地址，即“http://……………….jpg”图片文件地址，这里仅列举了5张(可以更多)图片的例子，如果必要，将代码再加一行就可以了，格式和上几行一样！（小技巧：建议将所需的图片存在你的博客相册里，这样可以加快网页打开的速度和确保不会死链。）

　　2、height代表图片的高度，建议把所有的图片调整为相等的高度。

　　3、scrollamount代表图片移动的速度，值越大移动越快。

　　4、direction代表移动的方式，等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。

应用：1、可以用来展示一些美丽的图片，来美化页面。

　　　2、用来制作友情链接，将好友的图片滚动显示。