欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實(shí)現(xiàn)簡單滾動窗口

 更新時(shí)間：2021年06月22日 17:28:16   作者：make sense  
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)簡單滾動窗口，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了javascript實(shí)現(xiàn)滾動窗口的具體代碼，供大家參考，具體內(nèi)容如下

一.實(shí)現(xiàn)的效果圖

二.涉及到的知識點(diǎn)

window.open();方法用于打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。

moveTo():方法可把窗口的左上角移動到一個(gè)指定的坐標(biāo)。

window.screen.height:屏幕像素的高度

window.screen.width：屏幕像素的寬度

window.screenLeft;左邊距離屏幕的距離

window.screenTop;上面距離屏幕的距離

setTimeout：方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式，setTimeout(function, milliseconds）。

三.代碼實(shí)現(xiàn)

<!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("這個(gè)是打開的窗口");
           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>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論