整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          網(wǎng)頁響應(yīng)鼠標(biāo)滾動特效代碼html前端源碼

          家好,今天給大家介紹一款, 網(wǎng)頁響應(yīng)鼠標(biāo)滾動特效代碼html前端源碼(圖1)。送給大家哦,獲取方式在本文末尾。

          圖1

          每滾動向下一次鼠標(biāo),文字和圖片都會發(fā)生變化,類似一些數(shù)碼產(chǎn)品新品發(fā)布網(wǎng)頁的效果,看起來非常酷炫(圖2)

          圖2

          向上滾動鼠標(biāo),圖片和文字就會還原(圖3)

          圖3

          源碼完整,需要的朋友可以下載學(xué)習(xí)(圖4)

          圖4

          本源碼編碼:10180,需要的朋友,點擊下面的鏈接后,搜索10180,即可獲取。

          就愛UI - 分享UI設(shè)計的點點滴滴

          果您覺得該文章對您有幫助,讓更多人受用,請關(guān)注“鍵盤碼農(nóng)”,轉(zhuǎn)發(fā)該文章。謝謝您的支持!

          今天跟大家寫了一份js的聯(lián)動全選的源碼,代碼少,清晰易懂。

          效果是這樣的:

          點擊全選下面的就會被全部全選,或者下面的被一一選擇,全選按鈕也會被選中。運(yùn)用復(fù)選框來實現(xiàn)的聯(lián)動全選的功能。

          點擊上面的復(fù)選框就會被全選

          Javascript:聯(lián)動全選

          當(dāng)下放的復(fù)選框沒有被全選,最上面的全選按鈕未被選中

          復(fù)選框聯(lián)動全選js代碼實現(xiàn):

          <!DOCTYPE html>

          <html>

          <head>

          <title></title>

          <meta charset="utf-8">

          <script type="text/javascript">

          window.onload = function ()

          {

          var oBtn1 = document.getElementById('btn1');

          var oBox = document.getElementById('box');

          var oInputs = oBox.getElementsByTagName('input');

          oBtn1.onclick = function ()

          {

          if (oBtn1.checked == true) {

          for (var i = 0; i < oInputs.length; i++) {

          oInputs[i].checked = true;

          }

          } else {

          for (var i = 0; i < oInputs.length; i++) {

          oInputs[i].checked = false;

          }

          }

          }

          //點擊每一個input框

          for (var i = 0; i < oInputs.length; i++) {

          oInputs[i].onclick = function ()

          {

          var n = 0;

          for (var i = 0; i < oInputs.length; i++) {

          if (oInputs[i].checked == true) {

          n++;

          }

          }

          if (n == oInputs.length) {

          oBtn1.checked = true;

          } else {

          oBtn1.checked = false;

          }

          }

          }

          }

          </script>

          </head>

          <body>

          <h1>全選/全不選</h1>

          <input type="checkbox" id="btn1">

          <div id="box">

          <input type="checkbox" name="">

          <input type="checkbox" name="">

          <input type="checkbox" name="">

          <input type="checkbox" name="">

          </div>

          </body>

          </html>

          相對比較簡單,對于初學(xué)者應(yīng)該有很好的幫助!請關(guān)注鍵盤碼農(nóng)。后期繼續(xù)更新,如有什么看法請在下方評論。第一時間為您解答哦!

          . 問題描述


          主站蜘蛛池模板: 亚洲av无码一区二区三区不卡| 亚洲一区精品伊人久久伊人| 中文字幕在线看视频一区二区三区| 国产精品主播一区二区| 日韩A无码AV一区二区三区| 综合久久一区二区三区| 国产精品伦一区二区三级视频| 久久综合亚洲色一区二区三区| 亚洲一本一道一区二区三区| 欧洲精品码一区二区三区免费看 | 日本一道一区二区免费看| 精品一区二区三区电影| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 中文字幕Av一区乱码| 99精品一区二区三区无码吞精| 视频在线一区二区| 日韩福利视频一区| 精品久久综合一区二区| 国产裸体舞一区二区三区| 成人精品视频一区二区| 国产一区二区在线| 国产在线一区二区视频| 精品乱人伦一区二区| 亚洲片一区二区三区| 中文字幕一区二区三| 日韩精品在线一区二区| 亚洲国产av一区二区三区丶| 国产吧一区在线视频| 久久中文字幕无码一区二区| 成人H动漫精品一区二区| 国产一区二区三区四| 精品福利一区二区三区| 国产主播一区二区| 精品一区二区三区四区在线播放 | 亚洲av乱码一区二区三区香蕉| 日本精品一区二区三区在线视频一 | 亚洲午夜电影一区二区三区| 无码国产精成人午夜视频一区二区| 久久久久人妻精品一区三寸| 人妻少妇精品一区二区三区| 国产一区二区三区免费在线观看 |