Извините,битый код.
Вот нормальный...Как сделать цикл,который можно выключить кнопкой?2 кнопки,вкл и выкл
|
Код:
|
<html>
<head>
<style type="text/css">
#go {
background: lightgreen;
outline: none;
}
@-webkit-keyframes demo {
0% {
background-color: Yellow;
opacity:1;
}
22% {
background-color: Yellow;
}
77% {
background-color: Red;
}
100% {
background-color: #777;
}
}
.demo {
-webkit-animation-name: demo;
-webkit-animation-duration: 900ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#go").click(function(){
$("#box").toggleClass("demo");
});
});
</script>
</head>
<body id="box">
<button id="go">Поехали</button>
</body>
</html> |