注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

滚动图片的代码解析  

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

  下载LOFTER 我的照片书  |

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

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

      单张图片的滚动         

 

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

滚动图片的代码解析 - hdly006502 - .

 

   二、它的滚动代码如下:

<MARQUEE scrollAmount=4 scrollDelay=60 width=740 height=190><IMG src="http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg" border=0></MARQUEE>

 三、解读代码知识点

1、<marquee scrollamount=4 scrolldelay=60 direction="left" width=740 height=190>

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

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、<IMG src="http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg" border=0>这也是固定的,表示一张图片的滚动.

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

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

<MARQUEE scrollAmount=4 scrollDelay=60 width=740 height=190><IMG src="http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg" width=150  border=0></MARQUEE>

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

滚动图片的代码解析 - hdly006502 - .

 

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

 

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

 

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

  

  评论这张
 
阅读(1706)| 评论(7)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017