垂直无缝滚动图片（兼容性好）实例教程源码下载（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
投稿猜你喜欢
- 今天也碰到了el表达式无法解析的事情，于是在网上查询了下，大多说是因为web.xml中声明的版本问题于是收集了如下版本：web-app_2_
今天在工作中写项目的时候，遇到了一个让我感到几乎无解的问题，在转换了思路后，想出了一个折中的解决方案，记录如下。其实，问题的场景，非常简单：- 导言本文简单介绍了如何从网易财经获取某支股票的价格数据，并根据价格数据画出相应的日K线图。有助于新手了解并使用Python的相关功能。包括列
- 一、为表创建自增长自段有两种，一种是不同的表使用各自的Sequence，方法如下： 1、在Oracle sequence首先创建sequen
- 在使用npm 的过程中，搜索网上的资料基本上可以看到类似如下的描述：“npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像”。初体
- 前言大家都知道，英文的分词由于单词间是以空格进行分隔的，所以分词要相对的容易些，而中文就不同了，中文中一个句子的分隔就是以字为单位的了，而所
- 脚本过于简单，供学习和参考。主要了解一下smtplib库的使用和超时机制的实现。使用signal.alarm实现超时机制。#!/usr/bi
- 前言Vux 是基于 Vue 和 Weui 开发的手机端页面 UI 组件库，开发初衷是满足公司的微信端表单需求，因为第三方的调查问卷表单系统在
- 1.电脑已经搭建python环境2.深入到需要传输的文件目录下，此处以分享 nemo-huiyuanfei 文件为例3.在路径栏输入 cmd
- 这一篇复习一下ECMAScript规范中的基础语法，英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言，熟悉C语言
- 例如1441，那么会产生“运行时错误”，报错信息类似下面：SessionID 错误 'ASP 0164 : 80004005'
- 场景：服务器数据库需要实现每天定时备份1.首先确定备份脚本放置位置个人放置在 /usr/local/backup文件
- 以下是一些python的list和set的基本操作1. list的一些操作list = [1, 2, 3]list.append(5)pri
- 需求：1.大量csv文件，以数字命名，如1.csv、2.cvs等；2.逐个打开，对csv文件中的某一列进行格式修改；3.将更改后的内容写入新
- 关于带权随机数为了帮助理解，先来看三类随机问题的对比：1.已有n条记录，从中选取m条记录，选取出来的记录前后顺序不管。实现思路：按行遍历所有
- 引言TypeScript 给 JavaScript 添加了一套类型系统，可以在编译期间检查出类型错误，这增加了代码的健壮性，但也多了一个编译
- torch.nn.CrossEntropyLoss交叉熵损失本文只考虑基本情况，未考虑加权。torch.nnCrossEntropyLoss
- 起步要介绍一个非常方便的 Django 扩展包-- django-hosts 。它能够提供在不同的子域名下访问不同的 app。例如，在项目中
- 如何选择速度最快的站点？ <html><head><meta http-equiv=&qu
- ASP中RegExp是什么 '名字字符检验Public Function CheckName(Str) &nbs
