垂直无缝滚动图片（兼容性好）实例教程源码下载（5）
作者：YAOHAIXIAO 来源：YAOHAIXIAO博客 发布时间：2010-04-06 12:16:00
呵呵，接下的也没有什么好讲了，大家看我的注释，应该可以很清楚了。唯一要注意的一点就是这里
// 滚动高度等于显示滚动区域高度时（滚动完一行，一行内容全部显示）// 暂停4秒中，然后再开始执行下依次滚动。if (o.scrollHeight ％ s_area.offsetHeight == 0) { o.scrollTimer = setTimeout(anim, o.speed);}else {// 在两行内容之间过度滚动时，每10豪秒上升1px o.scrollTimer = setTimeout(anim, 10);}
o.scrollHeight ％ s_area.offsetHeight == 0，要明白它确切的意思。
#container{ margin:0 auto; margin-top:10px; width:720px; height:100px; overflow:hidden;}#message,#message_copymsgid{ margin:0; width:720px; overflow:hidden;}#container ul{ float:left; width:720px; height:100px; overflow:hidden; clear:both;}
ul也就是我们一行的高度为100px，o.scrollHeight已经滚动的高度。呵呵，不知道你发现了问题没有？
对了，问题就在 ％ s_area.offsetHeight，我之所以没有更正原程序里的这个缺点，是因为如果你不对#container做任何修饰，这么写没有错。因为 s_area也就是#container这里我只定义了height:100px;，如果我要是这么写：
#container{ margin:0 auto; margin-top:10px; width:720px; height:100px; overflow:hidden; border:1px; padding:1px;}
呵呵，你觉得会有什么结果？这里我就卖个官子，给大家出个作业，看看像我这样做了会，有一个什么结果，还有o.scrollHeight ％ s_area.offsetHeight == 0要怎么改该呢？
好了，特效讲解完毕，也不知道我这么讲解一个特效，对你有没有帮助。像里面的ceateElement,appendChild等等DOM的方法，大家还是需要不断的学习，可能才能完全明白和掌握，我这里不可能一一都讲清楚。好了，收工！
程序修改：www.yaohaixiao.com
演示地址：http://www.yaohaixiao.com/scripts/scrollnews/index.html
立刻下载：
scrollnews.rar scrollnews.rar （78.97 KB）
0
投稿猜你喜欢
在经过前面几个部分的操作之后，我们的网页已经图文并茂，具有相当的效果了，但是这对于网页来说还不够，为了网站中的众多网页能够成为一个有机的整体- 终于能出来透口气，写点东西了。前段太忙，也很郁闷，现在调整过来点了。我的设计原则就是在满足需求的前提下，尽可能的简化，简化，再简化。有一次跟
- 桥接模式Bridge Pattern是什么桥接模式是一种结构型模式，它将抽象部分与实现部分分离开来，使它们可以独立地变化。在桥接模式中，我们
- 在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌
- Access爱好者以会VBa为荣。我觉得这不是好现象。vba只是vb的子集，有着很多限制，比如不支持继承，不支持指针，不支持子界类型等。使用
- ul: unordered lists ol: ordered lists li: Listsol 有序列表:<ol>
- 原本运行正常的ASP页面，今天突然提示： 代码如下: Microsoft VBScript 运行时错误 错误 '800a01a8&
- firefox不支持text-overflow一直让人很折腾。。不过还好有大虾为我们提供解决方案。。text-overflow: ellip
- 决定数据类型的第一步是定义所存数数据的分类： 数值型， 字符串型还是临时型等;除了一些特别的并不是那么直观的外， 这通常是很直观的。接下来是
- 很多组织机构慢慢的在不同的服务器和地点部署SQL Server数据库——为各种应用和目的&m
- 一、首先你要确认你的鉴别模式：WIN NT鉴别模式呢还是混合模式，其中混合模式包括WIN NT鉴别模式和SQL SERVER 鉴别模式实施鉴
- 目录 一、环境配置 二、ASP对Excel的基本操作 三、ASP操作Excel生成数据表 四、ASP操作Excel生成Chart图 五、服务
- 一个日期联动选择器javascript源码，年月日联动显示，准确显示日期（包括闰年日期），可自定义日期范围。 【select】 先说清空一个
- access中可以将文本中的数据轻松导入表中，mysql中用起来没那么方便，其实起来也很简单。首先将数据记录按行处理好用特定的字符分开如：“
- 以下摘录自 oreilly.JavaScript.The.Definitive.Guide.5th.Edition.Aug.200
- 这个只是一个简单的比较无聊的尝试，类似blog等一些网站的换肤功能都是以此方式改变网站的皮肤。对于这些方法大家会的比较多，没啥说的。主要我是
- 怎么样才能设计出漂亮的网页？怎么样才能做好网页设计工作，现在许多人还停留在网页制作的水平上，认为只要用好了网页制作软件，就能搞好网页设计了，
- 今天碰到这个极度郁闷的报错，搞了大半下午，才发现是ie的问题，忍不住大骂。例子是这样的：页面中有多处能出发菜单，并且菜单出现在触发点的旁边，
- 即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时的
- div+css实现圆角边框，在网络上查看了一下，很多都是实现圆角的矩形的方法，我在这里介绍的是实现圆角矩形边框的方法。用代码说明问题：<
