国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

隨機(jī)顏色獲取

Original 2018-12-29 12:09:30 212
abstract:<!DOCTYPE html><html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <tit

<!DOCTYPE html>

<html>

   <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>獲取隨機(jī)色</title>

     <script  src="jquery-3.3.1.min.js"></script>

    <style type="text/css">

a {

float:left;

display:block;

margin:50px;

width:100px;

line-height: 100px;

text-align: center;

height:100px;

color:#fff;

            border-radius: 50px;

            text-decoration: none;

}

    </style>

    <script type="text/javascript">

        function aa(tag) {

           var len=document.getElementsByTagName(tag).length

           for(var i=0;i<len;i++){

            document.getElementsByTagName(tag)[i].style.backgroundColor='rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')'

           }

        }

        $(document).ready(function(){

            aa('a')

           $('a').mouseover(function(){

            $bg=$(this).css('backgroundColor')

            $(this).css('box-shadow','0px 0px 20px '+$bg)

            $(this).css('border-radius','20px ')

           })

            $('a').mouseleave(function(){

            $(this).css('box-shadow','none')

            $(this).css('border-radius','50px ')

           })

        })

    </script>

   </head>

   <body>

    <a href="#">1</a>

<a href="#">2</a>

<a href="#">3</a>

<a href="#">4</a>

   </body>

</html>

總結(jié) 1.Math.floor(Math.random()*256)隨機(jī)數(shù)取整

2.rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')    rgb顏色隨機(jī)

3.$(this).css('box-shadow','0px 0px 20px '+$bg)   光暈設(shè)置

Correcting teacher:滅絕師太Correction time:2018-12-29 13:19:02
Teacher's summary:完成的不錯(cuò),隨機(jī)色可以用于導(dǎo)航,下次除了老師上課案例可以自己擴(kuò)展下看看

Release Notes

Popular Entries