masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > 兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码_javascript技巧

兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码_javascript技巧

WBOY

Lepaskan： 2016-05-16 17:36:19

asal

1160 orang telah melayarinya

html里的marqueen也能实现内容的滚动，但滚动是间断的，在滚动一个周期中，会有一段空白出现。如果滚动的区域比较大，空间的出现，会让页面看起来很不美观。运用JavaScript可以使这一问题得到改观，实现无间断的滚动。

上下循环滚动代码：

复制代码代码如下:

 
111111111111111
 
222222222222222
 
333333333333333
 
444444444444444
 
555555555555555 

<script> <BR>var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"); <BR>var inter; <BR>t2.innerHTML=t1.innerHTML; <BR>function qswhMarquee(){ <BR>if(t2.offsetTop<=t.scrollTop) <BR>t.scrollTop-=t1.offsetHeight; <BR>else <BR>t.scrollTop++; <BR>} <BR>inter=setInterval(qswhMarquee,30); <BR>function getid(id){ <BR>return document.getElementById(id); <BR>} <BR></script>

文字左右循环滚动代码：

复制代码代码如下:

余志国网站设计工作室提供专业的外贸网站建站服务。

Label berkaitan：

firefox ie Kitaran tatal

sumber：php.cn

Artikel sebelumnya：jQuery基本过滤选择器使用介绍_jquery Artikel seterusnya：ExtJs默认的字体大小改变的几种方法(自己整理)_extjs

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang