JSFiddle - React, Tailwind, and code Playground
by Qwerty_Wasd
HTML
<html manifest="StickyNotes.manifest">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<title>Главная</title>
<link href="css\style_1.css" rel="stylesheet" type="text/css">
<link href="css\style_2.css" rel="stylesheet" type="text/css">
<link href="css\style_3.css" rel="stylesheet" type="text/css">
<link href="css\style_4.css" rel="stylesheet" type="text/css">
<link href="css\style_5.css" rel="stylesheet" type="text/css">
<link href="css\js2slideshow.css" rel="stylesheet" type="text/css">
<script language="JavaScript1.2" src="js\jquery.js" type="text/javascript"></script>
<script language="JavaScript1.2" src="js\script1.js" type="text/javascript"></script>
<!--Размер пробела в пикселях-->
<style>
P {
padding: 10px;
line-height: 1.3em;
}
</style>
<style type="text/css">
#tooltip {
background:#FFFFFF;
border:2px solid #ADC1CE;
font:1.7em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:0px;
-moz-border-radius:8px;
padding:3px 5px;
position:absolute;
visibility:hidden
}
</style>
<style>
img.zoom {
cursor: pointer;
max-width: 150px;
}
img.zoom:hover {
max-width: none;
}
</style>
<!--Значок страницы-->
<link id="icon-a" rel="shortcut icon" type="favicon" href="favicon/3.png" />
<link id="icon-b" rel="shortcut icon" type="favicon" href="favicon/2.png" />
<link id="icon-c" rel="shortcut icon" type="favicon" href="favicon/1.png" />
<meta charset="utf-8" />
</head>
<body>
<script>
var current = 0;
var icons = ['favicon/2.png', 'favicon/1.png', 'favicon/2.png', 'favicon/3.png'];
setInterval(function () {
var icon = (++current % icons.length);
var url = icons[icon];
document.getElementById('icon-a').href = url;
document.getElementById('icon-b').href = url;
document.getElementById('icon-c').href = url;
}, 2000);
</script>
<div class="nocursor">
<body...