最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Javascript拖拽系列文章1之offsetParent屬性第2/3頁

 更新時(shí)間:2008年09月22日 15:11:51   作者:  
這個(gè)系列文章主要是講述實(shí)現(xiàn)Javascript拖拽功能的基礎(chǔ)知識(shí),并將在最后給出一個(gè)完整的示例。適合對(duì)拖拽完全不懂的人閱讀

測試結(jié)果:
Firefox3:"BODY"
Internet Explorer 7:"BODY"
Opera 9.51:"BODY"
Chrome 0.2:"BODY"
Safari 3:"BODY"
結(jié)論:
當(dāng)某個(gè)元素及其父元素都未進(jìn)行CSS定位時(shí),則這個(gè)元素的offsetParent屬性的取值為根元素。更確切地說,這個(gè)元素的各種偏移量計(jì)算(offsetTop、offsetLeft等)的參照物為Body元素。(其實(shí)無論時(shí)標(biāo)準(zhǔn)兼容模式還是怪異模式,根元素都為Body元素)
測試代碼2:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

測試結(jié)果:
Firefox3:"DIV"
Internet Explorer 7:"DIV"
Opera 9.51:"DIV"
Chrome 0.2:"DIV"
Safari 3:"DIV"
結(jié)論:
當(dāng)某個(gè)元素的父元素進(jìn)行了CSS定位時(shí)(absolute或者relative),則這個(gè)元素的offsetParent屬性的取值為其父元素。更確切地說,這個(gè)元素的各種偏移量計(jì)算(offsetTop、offsetLeft等)的參照物為其父元素。
測試代碼3:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
測試結(jié)果:
Firefox3:"H1"
Internet Explorer 7:"H1"
Opera 9.51:"H1"
Chrome 0.2:"H1"
Safari 3:"H1"
結(jié)論:
當(dāng)某個(gè)元素及其父元素都未進(jìn)行CSS定位時(shí)(absolute或者relative),則這個(gè)元素的offsetParent屬性的取值為在DOM結(jié)構(gòu)層次中距離其最近,并且已進(jìn)行了CSS定位的元素。

相關(guān)文章

  • JS原型對(duì)象操作實(shí)例分析

    JS原型對(duì)象操作實(shí)例分析

    這篇文章主要介紹了JS原型對(duì)象操作,結(jié)合實(shí)例形式分析了JS原型對(duì)象基本原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-06-06
  • Next.js腳手架完整搭建封裝的方法步驟

    Next.js腳手架完整搭建封裝的方法步驟

    本文主要介紹了Next.js腳手架完整搭建封裝的方法步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-04-04
  • JS實(shí)現(xiàn)可直接顯示網(wǎng)頁代碼運(yùn)行效果的HTML代碼預(yù)覽功能實(shí)例

    JS實(shí)現(xiàn)可直接顯示網(wǎng)頁代碼運(yùn)行效果的HTML代碼預(yù)覽功能實(shí)例

    這篇文章主要介紹了JS實(shí)現(xiàn)可直接顯示網(wǎng)頁代碼運(yùn)行效果的HTML代碼預(yù)覽功能,通過獲取文本框內(nèi)容并在新窗口打印輸出來實(shí)現(xiàn)直接運(yùn)行html代碼的功能,簡單實(shí)用,需要的朋友可以參考下
    2015-08-08
  • style、 currentStyle、 runtimeStyle區(qū)別分析

    style、 currentStyle、 runtimeStyle區(qū)別分析

    style、 currentStyle、 runtimeStyle區(qū)別分析,需要的朋友可以參考下。
    2010-08-08
  • 純js三維數(shù)組實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果

    純js三維數(shù)組實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果

    這篇文章主要為大家詳細(xì)介紹了純js三維數(shù)組實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • js彈出確認(rèn)是否刪除對(duì)話框

    js彈出確認(rèn)是否刪除對(duì)話框

    這篇文章主要介紹了js彈出確認(rèn)是否刪除對(duì)話框,具體實(shí)現(xiàn)代碼如下,需要的朋友可以參考下
    2014-03-03
  • 不使用瀏覽器運(yùn)行javascript代碼的方法

    不使用瀏覽器運(yùn)行javascript代碼的方法

    用js寫一段小程序,但是又覺得使用瀏覽器去運(yùn)行挺麻煩的,下面為大家介紹下如何使用java程序調(diào)用javascript程序,有類似需求的朋友可以參考下哈,希望對(duì)大家有所幫助
    2013-07-07
  • ymyang 繪圖 實(shí)例代碼

    ymyang 繪圖 實(shí)例代碼

    非常不錯(cuò)的ymyang 繪圖效果代碼。
    2009-04-04
  • 最新評(píng)論

    新昌县| 隆昌县| 武义县| 阳西县| 新丰县| 岳阳县| 高安市| 潜江市| 道孚县| 项城市| 遂昌县| 万全县| 石景山区| 勃利县| 乡宁县| 同德县| 类乌齐县| 甘孜县| 长兴县| 略阳县| 淮滨县| 黎城县| 巴中市| 通榆县| 噶尔县| 乐至县| 舟山市| 错那县| 嘉荫县| 册亨县| 柏乡县| 那坡县| 平山县| 海阳市| 芦山县| 外汇| 无棣县| 南华县| 南平市| 江门市| 南充市|