javascript 간단 한 스크롤 창 구현

2012 단어 js굴러가다창구.
본 논문 의 사례 는 자바 script 이 스크롤 창 을 실현 하 는 구체 적 인 코드 를 공유 하 였 으 며,구체 적 인 내용 은 다음 과 같 습 니 다.
실현 효과 도

2.관련 된 지식 점
window.open();방법 은 새로운 브 라 우 저 창 을 열거 나 이름 이 붙 은 창 을 찾 는 데 사 용 됩 니 다.
moveto():방법 은 창의 왼쪽 상단 을 지정 한 좌표 로 이동 할 수 있 습 니 다.
window.screen.height:화면 픽 셀 높이
window.screen.width:화면 픽 셀 너비
window.screenLeft;왼쪽 화면 거리
window.screenTop;화면 위 거리
setTimeout:방법 은 지정 한 밀리초 후에 함수 나 계산 표현 식,setTimeout(function,milliseconds)을 호출 하 는 데 사 용 됩 니 다.
코드 구현

<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="UTF-8">
    <title>    </title>
    <script>  
        var w ;//     
        var h;//     
        var x;//        
        var y;//         
        var v = 5;//         
        var s = 8;//         
      
      function windowOpen(){
        mywindow =window.open('','','width=200px,height=100px');
        mywindow.document.write("        ");
           w =window.screen.width;
           h=window.screen.height;
           x=window.screenLeft;
           y=window.screenTop;
           windowmove();
       
      }
      function windowmove(){
       if(x<0||x>w){
        s=-s; 
       }
       x=x+s;
       if(y<0||y>h){
        v=-v;
       }
        y=y+v;
        mywindow.moveTo(x,y); 
        setTimeout(windowmove,10);
      }
      
 
    </script>
</head>
<body>
    <input type="submit" value="    " id="windowOpen" onclick="windowOpen()">
</body>
</html>
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기