javascript dom 固定居中效果

2021-09-06 08:58:27 字數 1486 閱讀 3677

/*這段就是這個作用。if(isie6)就是當isie6這個為真時。也就是當是ie6的瀏覽器的時候。

setinterval(...,1)這個是設定個時鐘讓在ie6的瀏覽器下每隔1微秒執行一下語句。

也就是不斷的在更新t和l的值。然後不斷的付給dom元素的top和left屬性,1微秒非常快。

使用者拉滾動條的速度不可能只需要1微秒的時間。所以使用者也就不可能看出來什麼。

以為那個就是固定在那裡的。當然你也可以設定乙個滾動事件windon.onscroll。也可以

。但是我覺得沒這種好。大家有興趣的也可以研究一下(大家別閒我囉嗦,我覺得自己多研究一下東西,比我教大家一大堆東西都有用)。

當然如果不是ie6的瀏覽器都支援fixed屬性。就執行這些語句了。

document.getelementbyid("gd").style.position = "fixed"//給dom元素加乙個fixed屬性

document.getelementbyid("gd").style.top = t + "px";//初始化時給dom元素設定乙個居中的t值。

document.getelementbyid("gd").style.left = l + "px";//初始化時給dom元素設定乙個居中的l值

* */}

script

>

<

title

>固定居中

title

>

head

>

<

body

>

<

div

id="gd"

>

我就在中間隨便你們怎麼改變視窗大小和高度

div>

<

div

style

="height:1200px;"

>

div>

body

>

html

>

javaScript DOM程式設計

1.獲取dom樹的根節點 2.getelementbyid 根據標籤的id獲取標籤元素和getelementsbytagname根據標籤名獲取標籤,返回的是陣列的形式 3.getelementsbynames 根據標籤的name屬性獲取標籤,返回的是陣列形式 有兩個input標籤,因此列印結果是2 ...

JavaScript DOM程式設計

dom document objective model 文字物件模型 例子 clickme 例子 先獲取某一指定的元素節點 再讀指定元素節點的屬性 設定指定元素節點的屬性的值 例子 你喜歡那個城市?你喜歡哪款單擊遊戲?name 先獲取某節點。用childnodes方法獲取指定元素節點的所有子節點。...

javascript DOM 獲取節點

1.獲取元素節點 1.1 通過元素節點的id屬性獲取 語法 document.getelementbyid 元素id屬性的值 例如 1.2 根據元素的名稱獲取,獲取的是所有為該名稱的元素節點組成的陣列,可以用陣列的方法操作該節點陣列 語法 document.getelementsbytagname ...