Создать быстро список для заметок. Например нам нужно сделать заметки на каждой страницы, вот да, так вот вчитываться в материал.
Для этого я создал простой скриптик который формирует список. После его создания скриптом рекомендую пройти в консоль и скопировать готовый код. Профит! Список готов.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<style> ul{ list-style-type: none; /* Отключаем маркеры */ } ul li{ padding: 10px; } ul li:hover{ background: #dddddd; } ul li:nth-child(2n):hover { background: #dddddd; } ul li:nth-child(2n){ padding: 10px; } ul li:nth-child(2n){ background: #f0f0f0; /* Цвет фона */ } </style> |
Стили для списка. Для красоты я добавил цвет чётным ячейкам и при наведении мыши на элемент списка он подсвечивается. Довольно удобно.
1 2 3 4 5 6 |
<script> for(num = 1; num <= 98; num++){ var ine = "<li>"+ num +" - </li>"; document.getElementById('content').innerHTML += ine; } </script> |
Не забудьте добавить элементу ul id content.
1 2 |
<!-- --> <ul id="content"></ul> |
| Категория: JavaScript
| Тэги: JavaScript / основы / цикл