jq获取随机色

Original 2018-11-11 15:23:51 228
abstract:<!DOCTYPE html> <html> <head>  <meta charset="UTF-8">  <title>Document</title>  <script src="https://code.jquery.com
<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 <style type="text/css">
        a{
         float: left;
         display: block;
         margin: 50px;
         line-height: 100px;
         text-align: center;
         width: 100px;
         height: 100px;
         color: #fff;
         border-radius: 50%;
         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)+')'
           }

        }
        $(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','50%')
         })
        })
 </script>
</head>
<body>
 <a href="#">1</a>
 <a href="#">2</a>
 <a href="#">3</a>
 <a href="#">4</a>
</body>
</html>

的厮杀搜得到史派克

Correcting teacher:灭绝师太Correction time:2018-11-11 15:32:10
Teacher's summary:可以尝试多种方法哦,不要每次代码都跟老师一致……

Release Notes

Popular Entries