>웹 프론트엔드 >JS 튜토리얼 >텍스트를 왼쪽으로 스크롤합니다. js 코드 effect_javascript 기술

텍스트를 왼쪽으로 스크롤합니다. js 코드 effect_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:25:311456검색

复主代码 代码如下:



滚动文字效果

< script type="text/javascript">
var tc;
window.onload=function(){
 var o=document.getElementById('infozone');hscroll(o);
window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},10000);
}
함수 스크롤업 (o,d,c){
 if(d==c){
  var t=o.firstChild.cloneNode(true);
  o.removeChild(o.firstChild);o.appendChild( t);
  t.style.marginTop=o.firstChild.style.marginTop='0px';
  hscroll(o);
 }
 else{
  ch=false;var s =3,c=c s,l=(c>=d?c-d:0);
  o.firstChild.style.marginTop=-c l 'px';
  window.setTimeout(function(){scrollup( o,d,c-l)},50);
 }
}

함수 hscroll(o){
 var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
 if(w1<=w2)return;
 tc=window.setTimeout(function( ){hs(o,w1-w2,0,w1-w2)},3500);
}

함수 hs(o,d,c,p){
 c ;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t 'px';
if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(함수 (){hs(o,0,-p,p)},3500);}
 else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
}


C# 鼠标属性动态操작상关源码示例,比如、隐藏与显示鼠标指针、将鼠标左右键功能互换、更换鼠标指针shape状、调用Windows鼠标设置面板等,小技巧,多益善。




 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.