js圍繞螢幕轉圈的方塊

2022-02-28 19:52:50 字數 3887 閱讀 5635

點選運動按鈕後,方塊會挨著瀏覽器的邊,從左到右,從上到下轉一圈。

這個我居然寫了幾天,我也是不想說什麼咯。

完成**一:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>js圍繞螢幕轉圈的方塊

title

>

<

style

>

body

input

divstyle

>

head

>

<

body

>

<

input

type

="button"

value

="運動"

>

<

div>

div>

<

script

>

vaript

=document.getelementsbytagname(

"input")[

0];var

div=

document.getelementsbytagname(

"div")[

0];var

scr_w

=document.documentelement.clientwidth;

varscr_h

=document.documentelement.clientheight;

ipt.onclick

=function

();

function

fn1(fx,size)

},10)

} function

fn2(fx,size)

},10)

} function

fn3(fx,size)

},10)

} function

fn4(fx,size)

},10)

}script

>

body

>

html

>

view code

完成**二:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>js圍繞螢幕轉圈的方塊2

title

>

<

style

>

body

input

divstyle

>

head

>

<

body

>

<

input

type

="button"

value

="運動"

>

<

div>

div>

<

script

>

vaript

=document.getelementsbytagname(

"input")[

0];var

div=

document.getelementsbytagname(

"div")[

0];var

scr_w

=document.documentelement.clientwidth;

varscr_h

=document.documentelement.clientheight;

varmap=0;

vart1; ipt.onclick

=function

();

function

fn1(fx,size);

}else

if(map==1

); }

else

if(map==2

); }

else

; }

},10)

}script

>

body

>

html

>

view code

完成**三:看了別人的,我怎麼沒想到!

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>js圍繞螢幕轉圈的方塊2

title

>

<

style

>

body

input

divstyle

>

head

>

<

body

>

<

input

type

="button"

value

="運動"

>

<

div>

div>

<

script

>

vaript

=document.getelementsbytagname(

"input")[

0];var

div=

document.getelementsbytagname(

"div")[

0];var

scr_w

=document.documentelement.clientwidth;

varscr_h

=document.documentelement.clientheight;

vara=

0; //第1邊 marginleft++

varb=0

; //

第2邊 margintop++

vara2

=scr_w

-100

; //

第3邊 marginleft--

varb2

=scr_h

-100-20

; //

第4邊 margintop--

vart1;

ipt.onclick

=function

();

function

fn1(fx,size)

else

if(b

<

scr_h

-100-20

)else

if(a2

>0)

else

if(b2

>0)

},10)

}script

>

body

>

html

>

js圍繞記憶體的規則定義

前面寫的一篇 值型別 引用型別與基本包裝型別之我見 的博文裡提到js就是圍繞記憶體來展開自己語言規則的,這也是我一直在強調的東西,所以建議先看我那篇文章理解思想後再來看我下面的內容,我說的東西注重是思想。學任何語言開始我們都是開始學什麼語法 變數 表示式啊什麼的,其實你想過沒有,所有這些不過就是要教...

130 被圍繞的區域(JS實現)

給定乙個二維的矩陣,包含 x 和 o 字母 o 找到所有被 x 圍繞的區域,並將這些區域裡所有的 o 用 x 填充。示例 x x x x x o o x x x o x x o x x 執行你的函式後,矩陣變為 x x x x x x x x x x x x x o x x 解釋 被圍繞的區間不會存...

js 相容螢幕的高度

應用商店改版 出現乙個問題 螢幕很高的話,比如大顯示器,頁面內容很少的話,最大化瀏覽器,最下面就是空白的 相容頁面的高度,因為如果pc端螢幕是大螢幕的話,最下面是空白的 var divconction div.conction var height divconction.height 獲取div的...