亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦硬件知識 > 鍵盤鼠標(biāo) > 使用js實現(xiàn)鼠標(biāo)點擊變色

      使用js實現(xiàn)鼠標(biāo)點擊變色

      時間: 迪豪910 分享

      使用js實現(xiàn)鼠標(biāo)點擊變色

        愛學(xué)習(xí)的小伙伴們可能知道很多js的知識,但是你知道如何實現(xiàn)鼠標(biāo)點擊js實現(xiàn)隨機(jī)顏色嗎?不知道的話,跟著學(xué)習(xí)啦小編一起學(xué)習(xí)吧。

        js實現(xiàn)鼠標(biāo)點擊按鈕后給Div圖層設(shè)置隨機(jī)背景顏色的方法

        Div圖層設(shè)置隨機(jī)背景顏色的方法,實例分析了javascript操作頁面div元素屬性及隨機(jī)數(shù)的相關(guān)技巧,需要的朋友可以參考下

        本文實例講述了js實現(xiàn)點擊按鈕后給Div圖層設(shè)置隨機(jī)背景顏色的方法。分享給大家供大家參考。具體如下:

        給myDiv設(shè)置隨機(jī)背景顏色,用隨機(jī)顏色代碼賦值給DIV的背景顏色

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      41
      <!DOCTYPE html>
      <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=gb2312"/>
      <title>js設(shè)置隨機(jī)顏色 </title>
      </head>
      <body>
      <script type="text/javascript">
      function getcl(){
      var arr = []//定義一個空的數(shù)組
      i =0;//為while循環(huán)定義i的初始值
      C = '0123456789ABCDEF';
      //定義顏色代碼的字符串
      while(i++ < 6){//循環(huán)6次
      x=Math.random()*16;
      //取0-16之間的隨機(jī)數(shù)給變量x
      b=parseInt(x);//取0-16之前的整數(shù)給變量b
      c=C.substr(b,1);
      //由第b(0-16之間的整數(shù))位開始取一個字符
      arr.push(c);
      //通過6次循環(huán)得到的隨機(jī)位置取得的字符組合在一起把值給到arr這個數(shù)組
      }
      var cl = "#"+ arr.join('');
      //去掉之前數(shù)組之間的逗號,前面再加一個井號,
      //這樣顏色隨機(jī)的顏色代碼就生成了,并且把顏色代碼賦值給變量cl
      return cl;//把cl的值返回給函數(shù)getcl()
      }
      document.write(cl);
      //輸出cl測試一下結(jié)果
      //下面開始給div的背景顏色賦值
      function setColor(){
      //新建一個設(shè)置顏色的函數(shù)setColor
      document.getElementById("myDiv").style.backgroundColor = getcl();
      //把上面得到的隨機(jī)顏色代碼賦值給DIV的背景顏色
      }
      </script>
      <div id="myDiv" style="width:200px;height:200px;"></div>
      <input type="button" value="給myDiv設(shè)置隨機(jī)背景顏色"
      onclick="setColor()" />
      </body>
      </html>

      1828186