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

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

  • 就是說寫的是隨便寫的，還是有明確規范？還有walk to third。你這是隨便寫的嗎？你這還是說是怎么個事兒。


    63a47572000189a809600540.jpg
    查看全部
    0 采集 收起 來源：效果介紹

    2022-12-22

  • 感覺這些代碼和寫字一樣，而且還可以產生神奇的功能，而且顯得非常漂亮，像寫字一樣，我也可以。


    63a4747d0001b3b609600540.jpg
    查看全部
    0 采集 收起 來源：課程簡介

    2022-12-22

  • 使用谷歌或者什么搜狐這個字母是真的多。Hef等于css杠斜杠抵抗a點css


    63a4745b000157ef09600540.jpg
    查看全部
    0 采集 收起 來源：課程簡介

    2022-12-22

  • 2-1代碼

    <!DOCTYPE?html>
<html>

<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title>慕課七夕主題</title>
????<script?src="http://img1.sycdn.imooc.com//down/55ac9a860001a6c500000000.js"></script>
????<style?type="text/css">
????*?{
????????padding:?0;
????????margin:?0;
????}

????ul,
????li?{
????????list-style-type:?none;
????}
????/*主體部分*/
????#content?{
????????width????:?60%;
????????height???:?60%;
????????top??????:?20%;
????????left?????:?20%;
????????overflow?:?hidden;
????????position?:?absolute;
????????border???:?1px?solid?#ccc;
????}
????
????.content-wrap?{
????????position:?relative;
????}
????.content-wrap?>?li?{
????????width:?100%;
????????height:?100%;
????????background:?#CAE1FF;
????????color:?red;
????????float:?left;
????????overflow:?hidden;
????????position:?relative;
????}
????li:nth-child(2)?{
???????background:?#9BCD9B;
????}
???
????li:nth-child(3)?{
???????background:?yellow;
????}
????
????</style>
</head>

<body>
????<div?id='content'>
????????<ul?class='content-wrap'>
????????????<!--?第一副畫面?-->
????????????<li>?頁面1?</li>
????????????<!--?第二副畫面?-->
????????????<li>?頁面2?</li>
????????????<!--?第三副畫面?-->
????????????<li>?頁面3?</li>
????????</ul>
????</div>
????<script?type="text/javascript">
????????var?container?=?$("#content");
????????//?獲取第一個子節點
????????var?element?=?container.find(":first");
????????//?li頁面數量
????????var?slides?=?element.find("li");
????????//?獲取容器尺寸
????????var?width?=?container.width();
????????var?height?=?container.height();
????????//?設置li頁面總寬度
????????element.css({
????????????width??:?(slides.length?*?width)?+?'px',
????????????height?:?height?+?'px'
????????});
????????//?設置每一個頁面li的寬度
????????$.each(slides,?function(index)?{
????????????var?slide?=?slides.eq(index);?//獲取到每一個li元素????
????????????//?
????????????slide.css({
?????????????width??:?width?+?'px',
????????????height?:?height?+?'px'
????????});
????????});
????</script>
</body>

</html>
    查看全部
    0 采集 收起 來源：編程節奏

    2021-12-31

  • 2-1代碼

    <!DOCTYPE?html>
<html>

<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title>慕課七夕主題</title>
????<script?src="http://img1.sycdn.imooc.com//down/55ac9a860001a6c500000000.js"></script>
????<style?type="text/css">
????*?{
????????padding:?0;
????????margin:?0;
????}

????ul,
????li?{
????????list-style-type:?none;
????}
????/*主體部分*/
????#content?{
????????width????:?60%;
????????height???:?60%;
????????top??????:?20%;
????????left?????:?20%;
????????overflow?:?hidden;
????????position?:?absolute;
????????border???:?1px?solid?#ccc;
????}
????
????.content-wrap?{
????????position:?relative;
????}
????.content-wrap?>?li?{
????????width:?100%;
????????height:?100%;
????????background:?#CAE1FF;
????????color:?red;
????????float:?left;
????????overflow:?hidden;
????????position:?relative;
????}
????li:nth-child(2)?{
???????background:?#9BCD9B;
????}
???
????li:nth-child(3)?{
???????background:?yellow;
????}
????
????</style>
</head>

<body>
????<div?id='content'>
????????<ul?class='content-wrap'>
????????????<!--?第一副畫面?-->
????????????<li>?頁面1?</li>
????????????<!--?第二副畫面?-->
????????????<li>?頁面2?</li>
????????????<!--?第三副畫面?-->
????????????<li>?頁面3?</li>
????????</ul>
????</div>
????<script?type="text/javascript">
????????var?container?=?$("#content");
????????//?獲取第一個子節點
????????var?element?=?container.find(":first");
????????//?li頁面數量
????????var?slides?=?element.find("li");
????????//?獲取容器尺寸
????????var?width?=?container.width();
????????var?height?=?container.height();
????????//?設置li頁面總寬度
????????element.css({
????????????width??:?(slides.length?*?width)?+?'px',
????????????height?:?height?+?'px'
????????});
????????//?設置每一個頁面li的寬度
????????$.each(slides,?function(index)?{
????????????var?slide?=?slides.eq(index);?//獲取到每一個li元素????
????????????//?
????????????slide.css({
?????????????width??:?width?+?'px',
????????????height?:?height?+?'px'
????????});
????????});
????</script>
</body>

</html>
    查看全部
    0 采集 收起 來源：編程節奏

    2021-12-31

  • W
    查看全部
  • 筆記功能有點類似評論
    查看全部
    0 采集 收起 來源：課程簡介

    2021-02-28

  • 錨鉤
    查看全部

    1. 列表項無法設置高度

    2. dom.find用法

    查看全部

  • 整體—>細節

    查看全部
    0 采集 收起 來源：編程節奏

    2020-04-30

  • imooc.com

    查看全部
    0 采集 收起 來源：效果介紹

    2020-04-29

  • 七夕
    查看全部
    0 采集 收起 來源：課程簡介

    2020-04-01

  • 第一幅畫面中：天上太陽的移動、云的來回飄移、小男孩沿著中間道路一直在走，頁面也在滾動。

    第二幅動畫中：小男孩移動進了商店前的位置，商店的門開始打開，商店的燈光開始變暗。小男孩抱著一束花出來，商店關門。

    第三幅頁面中：星星變暗變亮的效果，橋下的水波在流動，小男孩上橋的動作。小男孩走到女孩子的面前，這是等待一下，他們一起轉身后牽手，同時慕課網的logo會出現，天上的櫻花正在飄下來。


    查看全部
    0 采集 收起 來源：效果介紹

    2020-03-27

  • 有趣
    查看全部
    0 采集 收起 來源：效果介紹

    2019-10-19

  • 有趣
    查看全部
    0 采集 收起 來源：課程簡介

    2019-10-19

首頁上一頁1234567下一頁尾頁

舉報

0/150
提交
取消
課程須知
本課程為高級案例課程，其中所用的大部分知識點不做深入剖析，只講解如何使用，部分代碼需要由你自己填充。 需要具備如下知識： 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向對象思想
老師告訴你能學到什么？
1、如何實現頁面的無縫滾動 2、如何實現視覺差效果 3、異步編程處理 4、CSS3動畫過渡 5、JS動畫實現 6、H5的音樂效果

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

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