亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

圖片展示特效

難度初級
時長47分
學習人數
綜合評分9.53
97人評價 查看評價
9.7 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
  • 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);
    查看全部
    1 采集 收起 來源:代碼優化

    2018-03-22

  • 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;
    查看全部
    0 采集 收起 來源:圖片展示制作

    2018-03-22

  • 塊狀元素 一般是其他元素的容器,可容納內聯元素和其他塊狀元素,塊狀元素排斥其他元素與其位于同一行,寬度(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;
    查看全部
    0 采集 收起 來源:簡介與原理

    2018-03-22

  • 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 采集 收起 來源:練習題

    2015-07-03

  • hello world...
    查看全部
    0 采集 收起 來源:編程練習

    2015-07-02

  • http://img1.sycdn.imooc.com//5516077700017ea412000530-156-88.jpg
    查看全部
  • 一、利用div+css對圖片進行布局(41行代碼注釋) 提示:圖片信息層<a>屬性top值的設置 二、利用for循環思路配合定位完成圖片信息顯示及隱藏效果(82、88、95行代碼注釋) 提示: 1.用for語句去循環每一個元素,當前元素觸發onmouseover及onmouseout事件 2.事件里去處理top的值,達到想要的效果 擴展:可以動手試驗,如果信息提示層是從左側向右顯示及隱藏,該如何實現呢?
    查看全部
    1 采集 收起 來源:編程練習

    2018-03-22

  • 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%半透明
    查看全部
    0 采集 收起 來源:練習題

    2015-06-16

  • 設置背景半透明: 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都支持。
    查看全部
    0 采集 收起 來源:簡單展示效果

    2015-06-13

  • 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 采集 收起 來源:練習題

    2015-06-12

  • 多層排列
    查看全部
    0 采集 收起 來源:編程練習

    2015-06-07

  • 記住多嘗試
    查看全部
    0 采集 收起 來源:編程練習

    2015-06-07

  • 解析 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 采集 收起 來源:練習題

    2015-06-07

  • 兼容性瀏覽器的透明度設置
    查看全部
    0 采集 收起 來源:簡單展示效果

    2015-06-07

  • 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 采集 收起 來源:練習題

    2015-05-31

舉報

0/150
提交
取消
課程須知
1. 您至少具備HTML/CSS基礎知識。 2. 您至少具備JavaScript基礎知識。
老師告訴你能學到什么?
1. 理解各種展示效果的原理; 2. 靈活運用position定位屬性,實現位置的變化; 3. 掌握for 和 while 循環語句使用方法; 4. 兼容不同瀏覽器,設置透明屬性; 5. 多種方法實現效果,并對代碼進行逐步優化。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!