課程
/前端開發
/HTML/CSS
/CSS深入理解之absolute
this.absolute=true是啥意思
2014-11-06
源自:CSS深入理解之absolute 1-2
正在回答
樓上是正解 確實是一個自定義屬性 也可以自己修改 只要保持上下一致都可以運行
我的理解,其實this.absolute這里的absolute是為button添加的一個自定義屬性,起個名字叫absolute。其實起這個名字容易引起誤解,換成其他任何名字都可以,比如key, value, abc, switch 等等都可以。它的作用其實就像一個轉換開關,點一下變成true,再點變成false,用來記錄img的position屬性值是不是?absolute.第一次執行的時候,它還沒定義,所以執行的是 if語句中else里的內容,else里最后一句把它定義并賦值為true,意思就是此時img的position屬性值成功變成?absolute.
我理解的是: if(this.absolute)表示的意思是如果this的absolute是真(id為button的按鈕有絕對位置),那么就...所以點擊后已this.absolut=false;結束,然后再次點擊時因為是假所以運行else里的內容,最后再this.absolute=true;則讓其真,所以才可以來回點擊切換效果。 這里面如果用變量a來代替this.absolute效果也可達到?
var a = 0;
if (eleImg != null && eleBtn != null) {
eleBtn.onclick = function() {
if (a < 1) {
eleImg.style.position = "";
this.value = "圖片absolute化";
a++;
} else {
eleImg.style.position = "absolute";
this.value = "圖片去absolute";
a = 0;
}
};
同問!!
舉報
理解CSSposition:absolute聲明,掌握position:absolute高級應用
1 回答page 滿屏跑
2 回答background-position相關問題
1 回答為什么設置.course-sidebar-result a{ position:absolute; …… } 后點擊input,ul會顯示?
2 回答演示的容器是指的那個標簽
1 回答input輸入框的顯示問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-11
樓上是正解 確實是一個自定義屬性 也可以自己修改 只要保持上下一致都可以運行
2015-05-06
我的理解,其實this.absolute這里的absolute是為button添加的一個自定義屬性,起個名字叫absolute。其實起這個名字容易引起誤解,換成其他任何名字都可以,比如key, value, abc, switch 等等都可以。它的作用其實就像一個轉換開關,點一下變成true,再點變成false,用來記錄img的position屬性值是不是?absolute.第一次執行的時候,它還沒定義,所以執行的是 if語句中else里的內容,else里最后一句把它定義并賦值為true,意思就是此時img的position屬性值成功變成?absolute.
2014-12-01
我理解的是: if(this.absolute)表示的意思是如果this的absolute是真(id為button的按鈕有絕對位置),那么就...所以點擊后已this.absolut=false;結束,然后再次點擊時因為是假所以運行else里的內容,最后再this.absolute=true;則讓其真,所以才可以來回點擊切換效果。 這里面如果用變量a來代替this.absolute效果也可達到?
var a = 0;
if (eleImg != null && eleBtn != null) {
eleBtn.onclick = function() {
if (a < 1) {
eleImg.style.position = "";
this.value = "圖片absolute化";
a++;
} else {
eleImg.style.position = "absolute";
this.value = "圖片去absolute";
a = 0;
}
};
}
2014-11-13
同問!!