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)
}
テキストを左右にスクロール コード
:
オーバーフロー: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">