当前位置:首页 > 日记 > 正文

js代码实现无缝滚动(文本和)

js代码实现无缝滚动(文本和)
一个无缝的js滚动代码,可以对程序和图片进行左右滚动,代码不复杂,而且无缝滚动代码兼容性也很好。你几乎不能用任何代码来修改它,在测试中,所有标签的方块都会变成图片,所以感觉更好。

代码如下:

无缝滚动

*边距:0;填充:0;}
。其他{宽度:100%;高度:50px;背景:# F00;}
。主要{宽度:400px;身高:130px;保证金:0汽车;边框1px solid # 000;溢出;};}
。旗帜{显示:块;浮动:左;保证金:00 15px 15px;}
横幅{位置:绝对;宽度:800%;}
# wrap1,
# wrap2 {浮动:左;}
文本{对齐:中心;}
# wrap1一,
# wrap2一{文字装饰:无;}
# wrap1跨度,
# wrap2跨度{显示:块;宽度:100px;身高:100px;边框1px solid # 000;

从左到右

一万二千三百四十五


窗口。指针函数(){
速度= 1;
移动= getID('banner);
GetId('wrap2).innerHTML = getID('wrap1InnerHTML);
VAR时间= setInterval(自动载物,10);
GetId(主的)。onmouseover =函数(){
ClearInterval(时间);
}
GetId(主的)。Onmouseout =函数(){
时间= setInterval(自动载物,10);
}
GetId(右)。Onclick =函数(){
速度= 1;
}
GetId(左)。Onclick =函数(){
速度= 1;
}
}
函数getID(ID){
返回document.getelementbyid(ID);
}
功能自动载物(){
如果(parseInt(移动。风格。左)- getID('wrap1)< =。offsetwidth){
移动。风格。左= 0 + 'px;
}
如果(移动。offsetleft > 0){
移动。风格。左= - getID('wrap1)。OffsetWidth + 'px;
}
移动。风格。向左移动。offsetleft +速度+ 'px;
}
这是JS代码描述的无缝滚动(文字和图片),希望大家喜欢。

相关文章

烟花动画教程:简单制作滚轮滚动动画

烟花动画教程:简单制作滚轮滚动动画

动画效果,动画教程,滚轮,烟花,简单,本教程是向您介绍如何使用烟花,使简单的车轮滚动动画效果。方法很简单,主要通过这个例子向大家介绍如何使我们的网页设计变得更容易MX MX,希望通过本教程你能有所收获。 本教程将向您介绍如何使用烟花,使简单…

经典浪漫情人个性签名情侣签名

经典浪漫情人个性签名情侣签名

个性签名,情侣,情人,浪漫,经典,有些东西必须消失一段时间才能知道它有多舒服。 有些人必须消失一段时间才能明白值得珍惜多少。 这个想法你的世界,但最终我爱画。 你的城门的想法,但最后我丢盔弃甲。 对穆村懦弱,我和你不屈的誓言。 但是,我希…

月光下小女孩和小狐狸的美合成

月光下小女孩和小狐狸的美合成

小狐狸,小女孩,月光,电脑软件,本教程是介绍我的朋友如何使用PS合成美丽的效果图的小女孩玩小狐狸在月光下。这门课的最终结果真的很漂亮,而且方法也不难。建议像你这样的朋友和教程一起学习。 本教程是教你玩小女孩PS的审美效果的合成月光和…

PHP的URLEncode和URLDecode函数用J

PHP的URLEncode和URLDecode函数用J

函数,电脑软件,URLEncode,PHP,Javascript,很多朋友说,Javascript的得到功能也可以实现,但是有所有的bug。下面看看下面的函数。测试没有什么问题。我在以前的文章中说,这是不是作为PHP urldecode的功能相同。以下是我改写据高个人代码URLDecode函数…

教你用PS做校园美女照片的创意照片

教你用PS做校园美女照片的创意照片

教程,方法,照片处理,创意,教你用,这篇文章教你如何用创意和新思维处理一幅平凡的图画。 今天我们用PS图象处理软件为你的女孩做一些创造性的校园美女照片处理。 首先,看看照片处理前后的对比度。 原始图: 最终效果: 添加边框后: 1、打开材…

QQ常见问题基本介绍

QQ常见问题基本介绍

基本介绍,常见问题,电脑软件,QQ,安全通过服务是腾讯公司推出的一项新服务,帮助用户快速检索他们的帐户。 常见的问题 1,我们如何加入安全直通车 答:目前,直达列车的安全还没有完全开通,只有少数用户被邀请参加,如果您愿意加入安全中心,请注意QQ…

情人节七夕情人节签名快乐个性签名

情人节七夕情人节签名快乐个性签名

情人节,个性签名,快乐,电脑软件,你真蠢,你只能做我的小傻瓜。 你真傻,只能做我的小傻瓜。 另一个男人,会走向一个女人。 社会中的男人也会因为女人而消失。 有太多的爱的痕迹温暖了我的心。 有太多的证据证明爱是属于我们的。 你爱我,你不爱我,…

如何在PowerPoint中添加背景音乐PP

如何在PowerPoint中添加背景音乐PP

背景音乐,如何在,电脑软件,PowerPoint,PPT,PPT幻灯片卷起一页或一页,将添加一个美妙的音乐,这将使我们更容易吸引听众在演讲或演讲,观众不会感到无聊,在讲课时,我们如何能插入背景音乐到PowerPoint我们如何让它自动播放,即使它被插入到音乐中 PP…

如何为excel工作表创建WPS表教程

如何为excel工作表创建WPS表教程

教程,何为,工作,电脑软件,excel,Excel是一个功能强大的数据处理软件,可以方便地计算、分析和管理数据。虽然词的使用也可以创建一个表,这个词是很难在数据加工处理,Word和Excel来弥补短的结合,可以使处理文本和数据方便。下面是用Excel在Word文…

PS制作美丽可爱的奶酪效果

PS制作美丽可爱的奶酪效果

奶酪,效果,可爱,美丽,电脑软件,本教程是向朋友介绍如何使用PS制作漂亮而可爱的奶酪文字效果方法。教程制作的文本非常漂亮,难度也不是很大。很适合初学者学习,推荐朋友来,喜欢朋友。 本教程是向朋友介绍如何使用PS制作美丽可爱的文字效果。教…

ps画笔使用技巧教程PS实用技巧

ps画笔使用技巧教程PS实用技巧

教程,使用技巧,实用技巧,电脑软件,ps,关于使用ps笔刷的教程 用PS笔刷教程技巧:如何使用自定义画笔工具画面丰富的图片,在三月的温暖的天气,鸟儿归巢,如果你见过飞鸟的壮观影像的城市,为什么我们不做一个在这里通过三种方法,同一图片的变换,一步一…

PS图象处理软件做了一个甜蜜的淡黄

PS图象处理软件做了一个甜蜜的淡黄

淡黄,图象,处理软件,外观,甜蜜,材料的主要颜色是黄绿色和绿色。当转动颜色时,把绿色变成绿色,把整个画面的绿色变成低饱和度的橙黄色。然后局部渲染浅蓝色高光泽。 材料的主要颜色是黄绿色和绿色。当转动颜色时,把绿色变成绿色,把整个画面的绿…