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

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

如何實現“新手引導”效果

江老實 Web前端工程師
難度初級
時長50分
學習人數
綜合評分9.63
118人評價 查看評價
9.6 內容實用
9.6 簡潔易懂
9.7 邏輯清晰
  • steps of E position!
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • steps of other position!
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • .step1{ background: url(./images/guide11.png); width: 745px; height: 329px; top: 132px; left: -9px; /*display: none;*/ } .step1 a{ top: 231px; left: 491px; /* ? 取消a 默認的操作行為 && JS傳播事件、取消事件默認行為、阻止事件傳播 1. <a onclick="return func()">點擊我</a> 2. <a href="javascript:;" onclick="check()">點擊我</a> 3. <a href="javascript:0;" onclick="check()">點擊我</a> 4. 非IE的用"e.preventDefault();",IE的用"window.event.returnValue = false;" */ } .step1 span{ top: 143px; left: 682px; }
    查看全部
    0 采集 收起 來源:引導單元定位

    2018-03-22

  • chrome 調試,mask 位置; 使用方向鍵調節
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • text-indent: -9999px; overflow: hidden; 隱藏文字?
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • .steps a{ position: absolute; width: 95px; height: 32px; background: rgba(255,0,255,0.7); }
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • 745 329
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • left:50%; margin-left: - (div.width/2); CSS實現div水平居中!(前提:div有具體的寬度)
    查看全部
    0 采集 收起 來源:引導單元定位

    2016-09-02

  • IE8以下瀏覽器都不支持 opacity css樣式,可以使用IE自帶的“濾鏡”來實現,如下代碼: filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 上面代碼的作用設置為 70% 的透明。
    查看全部
    0 采集 收起 來源:練習題

    2016-09-02

  • <style> /*SCSS*/ *{ margin: 0; padding: 0; } html{ width: 100%; height: 100%; } body{ background: url(./images/bg.png) center top no-repeat; /* === background: url(./images/bg.png) top no-repeat; link: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */ width: 100%; height: 100%; } .mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); display: none; /*do something later*/ }
    查看全部
    0 采集 收起 來源:網頁蒙版設置

    2018-03-22

  • http://caniuse.com/#search=opacity http://www.w3.org/TR/css3-color/ CSS3 Opacity - REC Method of setting the transparency level of an element
    查看全部
    0 采集 收起 來源:網頁蒙版設置

    2016-09-02

  • opacity:0.5; filter:alpha(opacity=50); rgba(0,0,0,0.5);
    查看全部
    0 采集 收起 來源:網頁蒙版設置

    2016-09-02

  • http://www.xgqfrms.xyz/HTML5-Animaitions/ABC/images/bg.png <style> /*SCSS*/ *{ margin: 0; padding: 0; } body{ background: url(./images/bg.png) center top no-repeat; /* === background: url(./images/bg.png) top no-repeat; link: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */ width: 100%; height: 100%; } </style>
    查看全部
    1 采集 收起 來源:編程練習

    2018-03-22

  • tips: 使用 background-image 代替website,便于學習!
    查看全部
    0 采集 收起 來源:HTML結構介紹

    2016-09-01

  • 1.蒙版 2.引導區
    查看全部
    0 采集 收起 來源:HTML結構介紹

    2016-09-01

舉報

0/150
提交
取消
課程須知
1.對div和css相關內容精通掌握;2. 具有一定的JavaScript和JQuery知識基礎
老師告訴你能學到什么?
1.掌握“新手引導”的實現思路 2.了解html結構布局 3.掌握簡便的定位方法 4.學會用 原生JavaScript代碼和JQuery兩種方式實現依次顯示效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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