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