腳本

//雖然DOM中沒有提供insertAfter方法政恍,但是我們可以通過insertBefore方法去完成這個方法的實現(xiàn):
function insertAfter(newElement,targetElement) {
  var parent = targetElement.parentNode
  if (parent.lastChild == targetElement) {
    parent.appendChild(newElement)
  }else{
    parent.insertBefore(newElement,targetElement.nextSibling)
  }
}
下面葛圃,請看看這個函數(shù)是如何一步一步地完成工作的?
(1)首先钧椰,這個函數(shù)有兩個參數(shù):一個是將被插入的新元素沽瘦,另一個是目標元素勋陪。這兩個參數(shù)通過變量newElement和targetElement被傳遞到這個函數(shù);
(2)把目標元素的parentNode屬性值保存到變量parent里募疮;
(3)接下來草讶,檢查目標元素是不是parent的最后一個子元素;
(4)如果是扁瓢,就用appendChild方法把新元素追加到parent元素上,這樣新元素就恰好被插入目標元素之后;
(5)如果不是详恼,就把新元素插入到目標元素和目標元素的下一個兄弟元素之間,目標元素的下一個兄弟元素即目標元素的nextSibling屬性引几,用insertBefore方法把新元素插入到目標元素的下一個兄弟元素之前昧互。
function addLoadEvent(func) {
  var oldonload = window.onload//將現(xiàn)有的事件處理函數(shù)的值存入變量中
  if (typeof window.onload !== 'function') {
    window.onload = func//如果這個事件處理函數(shù)沒有綁定任何函數(shù),就把新函數(shù)添加給它
  } else {
    window.onload = function () {
      oldonload()
      func()//如果已經(jīng)綁定了函數(shù)伟桅,就把新函數(shù)追加到現(xiàn)有指令的末尾
    }
  }
}
function addClass(element, value) {
  if (!element.className) {
    element.className = value
  } else {
    newClassName = element.className
    newClassName += " "
    newClassName += value
    element.className = newClassName
  }
}
function moveElement(elementID, final_x, final_y, interval) {
  if (!document.getElementById) {
    return false
  }
  if (!document.getElementById(elementID)) {
    return false
  }
  var elem = document.getElementById(elementID)
  if (elem.movement) {
    clearTimeout(elem.movement)
  }
  if (!elem.style.left) {
    elem.style.left = "0px"
  }
  if (!elem.style.top) {
    elem.style.top = "0px"
  }
  var xpos = parseInt(elem.style.left)
  var ypos = parseInt(elem.style.top)
  if (xpos == final_x && ypos == final_y) {
    return true
  }
  if (xpos < final_x) {
    var dist = Math.ceil((final_x - xpos) / 10)
    xpos += dist
  }
  if (xpos > final_x) {
    var dist = Math.ceil((xpos - final_x) / 10)
    xpos -= dist
  }
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos) / 10)
    ypos += dist
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y) / 10)
    ypos -= dist
  }
  elem.style.left = xpos + "px"
  elem.style.top = ypos + "px"
  var repeat = moveElement(elementID, final_x, final_y, interval)
  elem.movement = setTimeout(repeat, interval);
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末敞掘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子楣铁,更是在濱河造成了極大的恐慌渐逃,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件民褂,死亡現(xiàn)場離奇詭異茄菊,居然都是意外死亡,警方通過查閱死者的電腦和手機赊堪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門面殖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人哭廉,你說我怎么就攤上這事脊僚。” “怎么了遵绰?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵辽幌,是天一觀的道長。 經(jīng)常有香客問我椿访,道長乌企,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任成玫,我火速辦了婚禮加酵,結(jié)果婚禮上拳喻,老公的妹妹穿的比我還像新娘。我一直安慰自己猪腕,他們只是感情好冗澈,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著陋葡,像睡著了一般亚亲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上腐缤,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天捌归,我揣著相機與錄音,去河邊找鬼柴梆。 笑死陨溅,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的绍在。 我是一名探鬼主播门扇,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼偿渡!你這毒婦竟也來了臼寄?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤溜宽,失蹤者是張志新(化名)和其女友劉穎吉拳,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體适揉,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡留攒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了嫉嘀。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炼邀。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖剪侮,靈堂內(nèi)的尸體忽然破棺而出拭宁,到底是詐尸還是另有隱情,我是刑警寧澤瓣俯,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布杰标,位于F島的核電站,受9級特大地震影響彩匕,放射性物質(zhì)發(fā)生泄漏腔剂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一推掸、第九天 我趴在偏房一處隱蔽的房頂上張望桶蝎。 院中可真熱鬧驻仅,春花似錦谅畅、人聲如沸登渣。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽胜茧。三九已至,卻和暖如春仇味,著一層夾襖步出監(jiān)牢的瞬間呻顽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工丹墨, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留廊遍,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓贩挣,卻偏偏與公主長得像喉前,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子王财,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容