整合營銷服務(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ù)更新,如有什么看法請在下方評論。第一時間為您解答哦!

          . 問題描述


          主站蜘蛛池模板: 亚洲第一区视频在线观看| 久久精品免费一区二区三区| 国产精品一区12p| 亚洲av无码不卡一区二区三区| 国产伦精品一区二区三区女| 国产乱码精品一区二区三| 国产美女在线一区二区三区| 久久一区二区精品| 国产成人精品久久一区二区三区av| 在线精品视频一区二区| 中文字幕日本一区| 丝袜美腿高跟呻吟高潮一区| 另类国产精品一区二区| 日韩免费一区二区三区在线 | 动漫精品第一区二区三区| 99在线精品一区二区三区| 蜜臀Av午夜一区二区三区| 亚洲av午夜福利精品一区 | 久久国产精品无码一区二区三区| 一区二区三区四区在线视频| 国产成人一区二区动漫精品| 午夜一区二区免费视频| 风间由美在线亚洲一区| 国产微拍精品一区二区| 另类ts人妖一区二区三区| 成人精品视频一区二区| 国产第一区二区三区在线观看| 国产精品成人免费一区二区 | 精品国产一区二区22| 久久影院亚洲一区| 久久精品国产一区二区| 日本大香伊一区二区三区| 精品福利一区二区三| 亚洲一区在线视频观看| 亚洲欧美日韩中文字幕在线一区| 精品人妻无码一区二区色欲产成人| 欧美日韩精品一区二区在线观看 | 国精品无码A区一区二区| 国产在线无码一区二区三区视频| 国产一区麻豆剧传媒果冻精品| 精品国产福利第一区二区三区|