Browse Source

last task

Entony 7 years ago
parent
commit
5f262f93c0

+ 11 - 0
31.07.2017/First task/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>first task</title>
+</head>
+<body>
+	<script src="js/script.js">
+	</script>
+</body>
+</html>

File diff suppressed because it is too large
+ 167 - 0
31.07.2017/First task/js/script.js


+ 443 - 0
31.07.2017/Second task/index.html

@@ -0,0 +1,443 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>task</title>
+</head>
+<body>
+	<div id="content">
+	<table>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+		</tr>
+		<tr>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+		<tr>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+			<td class="none"></td>
+		</tr>
+
+	</table>
+</div>
+
+<table border="1">
+	<tr>
+		<td>Контрольная</td>
+		<td>таблица</td>
+		<td>без</td>
+		<td>стилей</td>
+	</tr>
+</table>
+	<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
+	<script src='js/script.js'></script>
+</body>
+</html>

+ 24 - 0
31.07.2017/Second task/js/script.js

@@ -0,0 +1,24 @@
+//оценочное время 120 мин
+//затраченное 30 мин
+$(document).ready(function (){
+	$('table').css({
+		'margin' : 'auto',
+		'background' : '#eee',
+		'border-collapse' : 'collapse',
+		'border-spacing' : 0
+	});
+	$('td').css({
+		'border' : '1px solid #000',
+		'height' : '10px',
+		'width' : '10px'
+	})
+	$('tr:nth-child(-n+6)').css('background', '#106B63');
+	$('tr:nth-child(n+7):nth-child(-n+9)').css('background', '#E7C610');
+	$('tr:nth-child(n+10):nth-child(-n+12)').css('background', '#C64A08');
+	$('tr:nth-child(n+13):nth-child(-n+15)').css('background', '#B43100');
+	$('tr:nth-child(n+16)').css('background', '#102173');
+	$('.none').css({
+		'background' : '#fff',
+		'border' : 'none'
+	})
+})