php 点击变色,JQuery点击按钮随机变色

Document

.box{

width: 500px;

height: 500px;

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

margin: auto;

}

a{

font-size: 2rem;

color: aliceblue;

background-color: lightblue;

display:block;

width: 300px;

height:300px;

line-height: 300px;

text-align: center;

border-radius: 50%;

text-decoration: none;

margin: 20px auto;

margin-bottom: 100px;

}

button{

display:block;

margin: 20px auto;

border: none;

border-radius: 25px;

width:100px;

height: 40px;

}

$(document).ready(function () {

var number = 0;

$("button").hover(function () {

// over

var rg;

rgb = $("a").css("backgroundColor")

$(this).css("box-shadow", "0 0 10px " +rgb);

}, function () {

// out

$(this).css("box-shadow", "none");

}

);

$("button").click(function (e) {

var r,g,b;

r = Math.floor(Math.random()*256);

g = Math.floor(Math.random()*256);

b = Math.floor(Math.random()*256);

number++;

$("a").css({"backgroundColor":"rgb("+r+","+g+","+b+")"});

$("span").html(r+" , "+g+" , "+b);

});

});

0

点击变色