<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
width: 400px;
height: 400px;
background-color: #fff;
}
p {
font-size:50px;
font-weight:800;
font-family: 叶根友疾风草书;
color: pink;
}
</style>
<script src="jquery-1.12.4.js"></script>
<script src="jquery.color.js"></script>
<script>
$(function () {
setInterval(function () {
$("p").animate({
"color": "#FFBFBF"
}, 1000).animate({
"color": "#FF0000",
},1000).animate({
"color": "#AAFC03",
},1000).animate({
"color": "#FC03F5",
},1000).animate({
"color": "#2E05F5",
},1000).animate({
"color": "#03FAF2",
},1000).animate({
"color": "#03FC29",
},1000).animate({
"color": "#FCFA03",
},1000).animate({
"color": "#FA9803",
},1000).animate({
"color": "#C61712",
},1000)
// }, 2000).animate({
// "backgroundColor": "#400000",
// }, 2000).animate({
// "backgroundColor": "#FFFFBF",
// }, 2000).animate({
// "backgroundColor": "#FFFF00",
// }, 2000).animate({
// "backgroundColor": "#404000",
// }, 2000).animate({
// "backgroundColor": "#CFFFBF",
// }, 2000).animate({
// "backgroundColor": "#36D900",
// }, 2000).animate({
// "backgroundColor": "#004000",
// }, 2000).animate({
// "backgroundColor": "#BFFFFF",
// }, 2000)
},2000)
})
</script>
</head>
<body>
<div>
<p>天下第一</p>
</div>
</body>
</html>
无极变色
最新推荐文章于 2022-07-04 11:57:00 发布