垂直无缝滚动图片（兼容性好）实例教程源码下载（4）
作者：YAOHAIXIAO 来源：YAOHAIXIAO博客 发布时间：2010-04-06 12:16:00
介绍了大半天的setTimeout和clearTimeout，呵呵，现在可以看看怎么使用这个特效吧，页面代码：
刚才给大家介绍了JS的一些知识点，现在就讲下相关的CSS技巧。
#container{ margin:0 auto; margin-top:10px; width:720px; height:100px; overflow:hidden;}
一定要“overflow:hidden;”，为什么？呵呵，看看我们把高度设置为了height:100px;，正好是只一行信息的高度，如果你不overflow:hidden，在firefox也许没有问题，它会严格按照你指定的高度显示相应高度的内容，而隐藏多余的部分（多余的5行），而在 IE中，一直就自做聪明把容器挤高，让它把里面的全部内容都显示出来。而我们的效果也是只显示一行，而隐藏多余的5行。
你可能要问了，怎么有多余的5行？呵呵，其实代码中已经解释了：
// 创建复制内容节点var copydiv = document.createElement('div');// 这个地方感觉有点嵌妥// 直接使用element.id的方式，不过看上去，主流的浏览器都支持// 标准的DOM Core方法：// copydiv.setAttribute('id',s_area.id + “_copymsgid”)copydiv.id = s_area.id + “_copymsgid”;// 复制原始的信息// 将原始的信息s_msg中的内容，直接用innerHTML写到copydiv.innerHTML = s_msg.innerHTML;// 设置复制信息节点的高度copydiv.style.height = this.msgHeight + “px”;// 将复制节点添加到原始接点（scrollMsg）后// 其实实现的方法就是将复制信息节点（copydiv）添家到显示区域的节点（scrollArea）中s_area.appendChild(copydiv);
因为我们又复制了一份信息，并添加到要显示滚动信息的容器中了，所以3行变6行了。
0
投稿猜你喜欢
- 简介 本次项目登录注册验证是对之前学习知识点的加深学习，这次项目的练习的知识点有函数、判断语句、循环语句、文件操作等。项目流程 运行代码之后
- 在PCA中有遇到，在这里记录一下计算矩阵的特征值个特征向量，下面给出几个示例代码：在使用前需要单独import一下>>>
python 线程池的四种实现方式线程简述 一个程序运行起来后，一定有一个执行代码的东西，这个东西就是线程； 一般计算(- 本文实例为大家分享了python实现大文本文件分割的具体代码，供大家参考，具体内容如下开发环境Python 2实现效果通过文件拖拽或文件路径
- 发现问题图片地址如下http://qximg.lightplan.cc/2016/09/11/1473574486942944.jpeg需要
- 1、概述 经常用到轮廓查找和多边形拟合等opencv操作，因此记录以备后续使用。本文代码中的阈值条件对图片没有实际意义，仅仅是为了测试。原图
- 1.使用open()函数打开文件夹在读取一个文件的内容之前，需要先打开这个文件。在Python程序中可以通过内置函数open()来打开一个文
- 这里再重复一下标题为什么是"使用"而不是"实现"：首先，专业人士提供的算法比我们自己写的算法无论是效
- 了解了上一篇的ADO.NET简介，我们就可以来对数据库进行增删改查等基本操作了！下面是每种操作的具体实现。先在自定义类的头部定义好数据库连接
- 最近开发微信公众号内嵌H5页面，使用vue搭建的项目，由于业务需求，需要实现微信自定义分享功能，所以项目中集成微信JS-SDK。微信JS-S
- (PS:本文假设你已经在本地联调好django和客户端，只是需要将django部署到外网)购买阿里云服务器到[阿里云官网]，选择轻量应用服务
- 本文实例讲述了Python实现的HMacMD5加密算法。分享给大家供大家参考，具体如下：什么是 HMAC-MD5？1、比如你和对方共享了一个
- CONVERT函数用于将值转换为指定的数据类型或字符集1.转换指定字符集CONVERT函数用于将字符串expr的字符集变成transcodi
- 什么是Inception ResnetV2Inception ResnetV2是Inception ResnetV1的一个加强版，两者的结构
- 通常，为了安全性，数据库只允许通过ssh来访问。例如：mysql数据库放在服务器A上，只允许数据库B来访问，这时，我们需要用机器C去访问数据
- vue-amap是对高德地图JS API进行封装的、适用于vue项目的地图组件库。在笔者开发的很多项目中都有用到，相比直接使用高德地图JS
- Bottle是一个轻量级的Web框架，此框架只由一个 bottle.py 文件构成，不依赖任何第三方模块。#!/usr/bin/env py
- 1.Python3读取hdf文件最开始使用Python导入pyhdf包的时候是可以的，但是当导入pyhdf.SD的时候就出现了以下问题：我查
- 文本框 textarea 限制输入文字个数的的javascript代码，我们经常在评论留言页面我们需要在客户端限制访客的留言长度，当然最好我
- 之前对mac os系统自带的python进行了升级，结果发现新安装的python的site-packages目录并没有加到python的系统
