向上不间断(无缝)滚动图片js代码
来源:asp之家 发布时间:2007-09-24 20:22:00
标签:向上,滚动,图片
滚动图片可以说是做网站经常会遇到的,特别是做企业网站,最常用的像产品展示,图片展示等,滚动的好处是吸引眼球,让人一下就注意到。之前本站发了一个向左不间断(无缝)滚动图片js代码这个是向上的,虽然没有左右滚动使用频率大但是也是会用到的,代码同样那么简单,可以说是一个系列的!
向上不间断(无缝)滚动js代码,把要滚动的内容放入<div id=demo1>放这里</div>。不止支持图片的向上滚动,文字,内嵌网页同样可以放入,呵呵,好用吧!
当你想在一个页面调用多个向上滚动图片时,如果你只是简单的复制一份是不行的,JS会出错,正确的做法是,把里面的ID值换成和上一个滚动区不同的,还有在JS代码中改变变量或函数名如原来是:
var MyMar=setInterval(Marquee,speed)
就要改为:
var MyMar2=setInterval(Marquee2,speed)
所有相同的都要改!以确保不和上一个滚动代码冲突。
<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff><div id=demo1>
<a href=http://www.aspxhome.com target=_blank><img src="/images/logo.gif" width=86></a>
<img src="/flink/20078/2007818145855335.gif" width=86>
<img src="http://www.chinaz.com/images/logo.gif" width=86>
<img src="http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif" width=86>
<img src="https://www.aspxhome.com/images/logo.gif" width=86>
<img src="http://www.blueidea.com/logo.gif" width=86>
<img src="https://www.aspxhome.com/images/logo.gif" width=86>
<img src="https://www.aspxhome.com/images/logo.gif" width=86>
<img src="https://www.aspxhome.com/images/logo.gif" width=86>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
这里滚动区的尺寸是:height:100;width:90; 你可以自己修改为你要的值。
支持firefox浏览器
注:滚动源代码作者不详
0
投稿
猜你喜欢
- 前言:Python 中的画图工具——turtle(海龟绘图),turtle 是 Python 中自带
- 什么是面向事件的编程(事件驱动的编程):编程中所有的程序是由事件决定 – 可以是由用户操作(键盘,鼠标),也可以是由其他程序和流的到达或者操
- 1、str.split不支持正则及多个切割符号,不感知空格的数量,比如用空格切割,会出现下面情况。>>> s1="
- 创建游戏文件 2048.py首先导入需要的包:import cursesfrom random import randrange, choi
- 用清理软件清理电脑垃圾的时候,发现微信存了很多图片,进入路径一看,全是以.dat为格式的文件:尝试了直接把后缀名的.dat 改 .jpg和.
- 在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌
- 说明1、通过特征本身的方差来筛选特征。特征的方差越小,特征的变化越不明显。2、变化越不明显的特征对我们区分标签没有太大作用,因此应该消除这些
- django 中当我们要查询获取数据时:数据库中的信息:如一个学生信息表 students:get方法:students.objects()
- sqllite里面并没有与numpy的array类型对应的数据类型,通常我们都需要将数组转换为text之后再插入到数据库中,或者以blob类
- 在机器学习领域,支持向量机SVM(Support Vector Machine)是一个有监督的学习模型,通常用来进行模式识别、分类(异常值检
- 最终运行效果:OCR(optical character recognition)文字识别是指电子设备(例如扫描仪或数码相机)检查纸上打印的
- 今天去辛集买箱包,下午挺晚才回来,又是恶心又是头痛。恶心是因为早上吃坏东西+晕车+回来时看到车祸现场,头痛大概是烈日和空调混合刺激而成。没有
- 前言:存储引擎是数据库的核心,对于 MySQL 来说,存储引擎是以插件的形式运行的。虽然 MySQL 支持种类繁多的存储引擎,但最常用的当属
- ref:被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用,那么指向的就是普通的DO
- 系统如下:操作系统 : CentOS7.3.1611_x64Python 版本 : 2.7.5问题描述编码过程中有时候会遇到在多个源文件中存
- 1、利用Python中的random模块中的choice方法random.choice()可以从任何序列,比如list列表中,选取一个随机的
- 要求:#出租车计费*************************************************************
- python-查找特定名称文件并按序号、文件名分行打印输出第1天第2题1.遍历”Day1-homework”目录下文件;2.找到文件名包含“
- 本文实例讲述了JS实现屏蔽网页右键复制及ctrl+c复制的方法。分享给大家供大家参考,具体如下:老是有些网站会屏蔽你的鼠标右键或者用快捷键复
- logging模块介绍Python的logging模块提供了通用的日志系统,熟练使用logging模块可以方便开发者开发第三方模块或者是自己