<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ### 自定義屬性 ~~~ <script> var aBtn = document.getelebyname('input'); //aBtn[0].abc = 123;//abc即自定義屬性給aBtn加了一個屬性,也可以進行讀寫 for(var i = 0;i <aBtn.length;i++){ aBtn[i].abc = 123; aBtn[i].xyz = true; } </script> ~~~ *** 課堂練習-1: 鼠標點擊圖片發生變化,類似點擊桌面圖標 ![](https://box.kancloud.cn/1137aae62718f59245623004c81c5a07_74x104.png) ~~~ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul,li{padding:0;margin:0;list-style: none;} li{width:70px;height:70px;float:left;background: url(img/notactive.png) no-repeat;margin-right:10px;} </style> <script type="text/javascript"> window.onload = function(){ var oUl = document.getElementById('list'); var aLi = oUl.getElementsByTagName('li'); for(var i = 0;i < aLi.length;i++){ // 自定義屬性-每個li身上自己有一個開關 aLi[i].onOff = true; aLi[i].onclick = function(){ if(this.onOff){ this.style.background = 'url(img/active.png) no-repeat'; }else{ this.style.background = 'url(img/notactive.png) no-repeat'; } this.onOff = !this.onOff; } } } </script> </head> <body> <ul id="list"> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </body> </html> ~~~ 課堂練習-2 點擊按鈕實現圖片的切換 *** 課堂作業-1:帶縮略圖的圖片切換 ![](https://box.kancloud.cn/0ac32ff6c708f09eaaae623874c3ac57_712x568.gif) *** [圖片素材下載](https://pan.baidu.com/s/11Luvx0SiX71Zk01lpSUS_g)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看