<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="css/reset.css">
<!-- <link rel="Stylesheet" type="text/css" href="/home/user/.vim/wiki/html/style.css"> -->
<title>fibonacci</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="lib/function.js" type="text/javascript" charset="utf-8"></script>
<body>
<!-- это анимируемый элемент div -->
<div id="urgent"><h1>Внимание!</h1>Веб-сервер атакован!</div>
<script>
var e = document.getElementById('urgent'); // получаем объект Element
e.style.border = 'solid black 5px'; // рамка
e.style.padding = '50px'; // и отступ
var colors = ['white', 'yellow', 'orange', 'red']; // перебираем цвета
var nextColor = -1; // текущая позиция перебора
// Вызвать следующую функцию с интервалом 500мс для изменения цвета рамки
setInterval(function() {
e.style.borderColor = colors[nextColor++%colors.length]; }, 5000);
</script>
<style type="text/css" media="screen">
div {
display: block;
visibility: hidden;
margin: 1px 2px 3px;
}
</style>
</body>
Смотрим на .div. Я конечно выравниваю autoformat'om, но очень это неприятно. Как это исправить ?