jQuery.Color()
ребят помогите разобраться, вставил плагин jQuery.Color() получилась плавное переливания цвета, только цвет зацикливается, получается например 1. цвет зеленый потом синий потом красный и опять по новой идет зеленый, синий и красный... а как сделать чтоб было так, идет зеленый затем синий, потом красный и остается на красном цвете?
Код:
http://www.xiper.net/examples/js-plu...query.color.js |
mixnet,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#c1{
height: 50px;
background-color: #FFFF33;
display: inline-block;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/color/jquery.color.plus-names-2.1.2.js"></script>
<script>
$(function(){
var arr = ['#008000','#0000FF','#FF0000'],block = $('#c1');
(function animate() {
if(!arr.length) return;
block.animate({backgroundColor: arr.shift()}, 9000, animate);
})();
});
</script>
</head>
<body>
<span id="c1" >Информация</span>
</body>
</html>
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#c1{
height: 50px;
background-color: #FFFF33;
display: inline-block;
animation: colors 3s forwards;
}
@keyframes colors{
33%{
background-color: #008000;
}
66%{
background-color: #0000FF;
}
100%{
background-color: #FF0000;
}
}
</style>
</head>
<body>
<span id="c1" >Информация</span>
</body>
</html>
|
ребят спасибо огромное выручили)
|
| Часовой пояс GMT +3, время: 03:57. |