ホームページ >ウェブフロントエンド >jsチュートリアル >IE および Firefox の上下左右サイクルの中断のないスクロール JS code_javascript スキルと互換性があります。

IE および Firefox の上下左右サイクルの中断のないスクロール JS code_javascript スキルと互換性があります。

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:36:191228ブラウズ

HTML の Marqueen もコンテンツのスクロールを実現できますが、スクロール中に空白期間が表示されます。スクロール領域が比較的大きい場合、スペースが生じるとページが見苦しくなります。 JavaScript を使用すると、この問題が改善され、中断のないスクロールが実現されます。

コードを上下にスクロールします:

コードをコピーします コードは次のとおりです



111111111111111
2222222222222
3333333333333
4444444444444

555555555555555



var t=getid("demo") ,t1=getid("demo1"),t2=getid("show");
var inter;
t2.innerHTML=t1.innerHTML; (){
if(t2.offsetTopt.scrollTop-=t1.offsetHeight;
else
t.scrollTop;
inter=setInterval; (qswhMarquee,30);
function getid(id){
return document.getElementById(id)
}



テキストを左右にスクロール コード
:


コードをコピー background-color:#CCCCCC; 🎜>高さ:20px;
オーバーフロー:hidden;
空白:nowrap;
.d2{
マージン:0px auto;
}
.div2{
width:auto;
font-size:12px;

var s,s2,s3,s4,timer,i=0;
function init(){
s=getid("div1 ");
s2=getid( "div2");
s3=getid("div3");
s4=getid("div4");
s4.innerHTML=s3.innerHTML;
s2.style.width=s .offsetWidth "px";
s2.style.height=s.offsetHeight "px";
timer=setInterval(mar,30)
} function mar(){
// s2.innerHTML=s.scrollLeft;
if(s3.offsetWidths.scrollLeft-=s3.offsetWidth; {s.scrollLeft ;}
}
function getid(id){
return document.getElementById(id);
}
;

Yu Zhiguo Website Design Studio は、プロフェッショナルな貿易ウェブサイト構築サービスを提供します。

div2">

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。