ホームページ  >  記事  >  ウェブフロントエンド  >  連続テキストスクロール (上下左右) コード例_JavaScript スキル

連続テキストスクロール (上下左右) コード例_JavaScript スキル

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


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





連続上スクロール




<スクリプト言語="JavaScript">

marqueesHeight=200;
stopscroll=false;

with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('

');

preTop=0; currentTop=0;

function init(){
templayer.innerHTML="";
while(templayer.offsetHeight templayer.innerHTML =marquees.innerHTML;
}
マーキー。 innerHTML=templayer.innerHTML templayer.innerHTML;
setInterval("scrollUp()",100);
}
document.body.onload=init;

functionscrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop =1;
if(preTop==marquees.scrollTop) {
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop =1;
}
}





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





连续向下滚動











复制代码
代码如下:





连续向右滚动








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