青岛旧机械进口报关:滚动图片的代码解析

来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 14:04:56

滚动图片的代码解析  

2008-12-24 12:53:24|  分类: 滚动图片的制作 |  标签: |字号大中小 订阅

     为了报答喜欢我的博友长期对我的支持和帮助,以及结识更多的新朋友,现就把滚动的图片如何能装在自己博客的页面上,无私奉献给你们,希望你们能够喜欢。

   需要说明的是:这套源代码不是笔者原创,而是对其进行了修改、增加和完善,并对其相关知识点进行了解读,还附有具体操作要点。这是笔者通过实践证实了如下代码的可操作性,在某种程度上来说,也是笔者的一种劳动的结果。 同时,也是你们很难找到的,是真的,请你们亲自尝试一下。具体如下:

      单张图片的滚动         

 

 一、单张图片的滚动效果图如下:

 

   二、它的滚动代码如下:

http://image35.360doc.com/DownloadImg/2011/09/0217/16920086_1.jpg" border=0>

 三、解读代码知识点

1、

以上代码即是滚动代码,它是固定搭配,无需更改。其中:

scrollamount=4:数字“4”代表移动速度,可根据自己的情况调整,值在1-15之间,越大移动越快。

scrolldelay=60:不用理它,就这样好了。

direction=left:表示方向,:“left ” 向左移动,可改为上:up   下:down   右:right  。

width=740:数字“740”表示制定义板块的长度(底边长),可根据自己的情况调整。

height=190:数字“190”表示自定义板块的高度,可根据自己的情况调整。

那么, width=740  height=190:结合在一起,表示自定义板块:740(长)/190(高)。

2、http://image35.360doc.com/DownloadImg/2011/09/0217/16920086_1.jpg" border=0>这也是固定的,表示一张图片的滚动.

(需要补充说明:滚动图片的大小尺寸和实际图片尺寸相同.)

3、那么在实际操作中,你也可以适当缩放滚动图片的尺寸大小.只要在这段代码中添加width=150  ,使该段代码变为:

http://image35.360doc.com/DownloadImg/2011/09/0217/16920086_1.jpg" width=150  border=0>

即可; 得到的滚动效果图如下:

 

 4、以上就是单张图片滚动的制作方法,不知道你看明白了吗?不妨自已亲手试一下,看看如何?

 

接下来,我们将着重解多张图片的滚动制作.

 

            如何制作多张图片的滚动呢?