-
1、名詞術(shù)語：作用域。比如： div1.style.top=160+"px"; div2.style.top=160+"px"; 它們的作用域分別是div1和div2 2、console.log(); 說明：小括號內(nèi)傳想要顯示的內(nèi)容 作用：瀏覽器控制臺輸出日志，用來調(diào)試程序 3、在這里函數(shù)的兩種寫法： oDiv.onmouseover = showAtop(); oDiv.onmouseover = showAtop; 注意：這里showAtop是一個函數(shù)，這兩種寫法都正確，因?yàn)楹瘮?shù)后面的小括號是可以省略的 4、定義完函數(shù)showMeg，如果想讓3個div每個都有效果，可以調(diào)用函數(shù)寫： showMeg(1); showMeg(2); showMeg(3);查看全部
-
div1.onmouseover=function(){ div1.getElementsByTagName('a')[0].style.top=0; } div1.onmouseout=function(){ div1.getElementsByTagName('a')[0].style.top=160; } ●對于等號后面的值的寫法 正確寫法1： oBox1.getElementsByTagName("a")[0].style.top=0; oBox1.getElementsByTagName("a")[0].style.top=160+"px"; 正確寫法2： oBox1.getElementsByTagName("a")[0].style.top="0"; oBox1.getElementsByTagName("a")[0].style.top="160px"; 錯誤寫法1： oBox1.getElementsByTagName("a")[0].style.top=160px; 錯誤寫法2： oBox1.getElementsByTagName("a")[0].style.top=160;查看全部
-
塊狀元素 一般是其他元素的容器，可容納內(nèi)聯(lián)元素和其他塊狀元素，塊狀元素排斥其他元素與其位于同一行，寬度(width)高度(height)起作用。常見塊狀元素為div和p。 內(nèi)聯(lián)元素 內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素，它允許其他內(nèi)聯(lián)元素與其位于同一行，但寬度(width)高度(height)不起作用。常見內(nèi)聯(lián)元素為“a”。 做了個對比表，幫助大家更容易理解。 內(nèi)聯(lián)元素的寬度(width)高度(height)不起作用，它的大小只隨內(nèi)部文本或者其他內(nèi)聯(lián)元素變化 1、布局： <div id="pic1"> <img src="" /> <a href="#" > 描述文字 </a> </div> 2、CSS樣式： ▲ 對div ①相對定位 ②overflow:hidden ▲ a標(biāo)簽絕對定位 3、效果實(shí)現(xiàn)需要：當(dāng)鼠標(biāo)放到div上時即#pic1:hover，讓a標(biāo)簽的top:0px;查看全部
-
Opacity設(shè)置透明度，取值為0-100。 . filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn) . -moz-opacity：對mozilla firefox火狐瀏覽器實(shí)現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相當(dāng)于設(shè)置半透明為50% . opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設(shè)置50%半透明查看全部
-
hello world...查看全部
-
http://img1.sycdn.imooc.com//5516077700017ea412000530-156-88.jpg查看全部
-
一、利用div+css對圖片進(jìn)行布局（41行代碼注釋） 提示：圖片信息層<a>屬性top值的設(shè)置 二、利用for循環(huán)思路配合定位完成圖片信息顯示及隱藏效果（82、88、95行代碼注釋） 提示: 1.用for語句去循環(huán)每一個元素，當(dāng)前元素觸發(fā)onmouseover及onmouseout事件 2.事件里去處理top的值，達(dá)到想要的效果 擴(kuò)展：可以動手試驗(yàn)，如果信息提示層是從左側(cè)向右顯示及隱藏，該如何實(shí)現(xiàn)呢？查看全部
-
CSS樣式中設(shè)置filter:alpha(Opacity=50);實(shí)現(xiàn)半透明顏色效果? Opacity設(shè)置透明度，取值為0-100。 . filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn) . -moz-opacity：對mozilla firefox火狐瀏覽器實(shí)現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相當(dāng)于設(shè)置半透明為50% . opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設(shè)置50%半透明查看全部
-
設(shè)置背景半透明: filter:alpha(opacity=50);為IE6設(shè)置，取值范圍0-100 -moz-opacity:0.5;取值范圍0-1；老版本的Firefox。 -khtml-opacity：0.5；使用KHTML內(nèi)核而不是webkit內(nèi)核的Safari -webkit-opacity：0.5；舊Safari，Chrome； opacity:0.5；它是CSS標(biāo)準(zhǔn)，該屬性Firefox，Safari和Opera都支持。查看全部
-
Opacity設(shè)置透明度，取值為0-100。 . filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn) . -moz-opacity：對mozilla firefox火狐瀏覽器實(shí)現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相當(dāng)于設(shè)置半透明為50% . opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設(shè)置50%半透明查看全部
-
多層排列查看全部
-
記住多嘗試查看全部
-
解析 Opacity設(shè)置透明度，取值為0-100。 . filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn) . -moz-opacity：對mozilla firefox火狐瀏覽器實(shí)現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相當(dāng)于設(shè)置半透明為50% . opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設(shè)置50%半透明查看全部
-
兼容性瀏覽器的透明度設(shè)置查看全部
-
Opacity設(shè)置透明度，取值為0-100。 . filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn) . -moz-opacity：對mozilla firefox火狐瀏覽器實(shí)現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相當(dāng)于設(shè)置半透明為50% . opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設(shè)置50%半透明查看全部
舉報
0/150
提交
取消