Типы сооружений для обработки осадков: Септиками называются сооружения, в которых одновременно происходят осветление сточной жидкости...
Адаптации растений и животных к жизни в горах: Большое значение для жизни организмов в горах имеют степень расчленения, крутизна и экспозиционные различия склонов...
Топ:
Устройство и оснащение процедурного кабинета: Решающая роль в обеспечении правильного лечения пациентов отводится процедурной медсестре...
Когда производится ограждение поезда, остановившегося на перегоне: Во всех случаях немедленно должно быть ограждено место препятствия для движения поездов на смежном пути двухпутного...
Комплексной системы оценки состояния охраны труда на производственном объекте (КСОТ-П): Цели и задачи Комплексной системы оценки состояния охраны труда и определению факторов рисков по охране труда...
Интересное:
Наиболее распространенные виды рака: Раковая опухоль — это самостоятельное новообразование, которое может возникнуть и от повышенного давления...
Подходы к решению темы фильма: Существует три основных типа исторического фильма, имеющих между собой много общего...
Искусственное повышение поверхности территории: Варианты искусственного повышения поверхности территории необходимо выбирать на основе анализа следующих характеристик защищаемой территории...
Дисциплины:
 2020-05-07 |
 151 |
из
5.00
|
Заказать работу |
Выдвигающееся меню. <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1">
<meta name="description" content="Выдвигающаяся верхняя панель на чистом CSS3 без javascript с помощью псевдокласса:checked ">
<meta name="keywords" content="выдвигающаяся панель, верхняя панель, checked, css3, без javascript">
<meta name="author" content="Dobrovoimaster">
<link rel="icon" href="http://dbmast.ru/favicon.ico">
<title>Демо: Выдвигающаяся верхняя панель на чистом CSS</title>
<!-- Базовый CSS -->
<link href="style.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic' rel='stylesheet'>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<input class="open" id="top-box" type="checkbox" hidden>
<label class="btn" for="top-box"></label>
<div class="top-panel">
<div class="message">
<h1>
Рады приветствовать вас на нашем сайте
</h1>
<h2>
Нажмите на стрелочку внизу и вы закроете это сообщение;)
</h2>
<p style="text-align:right;"><a href="http://dbmast.ru/vydvigayushhayasya-verhnyaya-panel-na-chistom-css">«« Изучить Детали</a></p>
</div>
</div>
<div class="container">
<h1>
Демо: Выдвигающаяся верхняя панель на чистом CSS
</h1>
<h2>
Кликните по кнопке вверху справа и вы увидите сообщение
</h2>
<div class="info">
сделано с любовью: <i class="fa fa-heart"></i> <a href="http://twitter.com/dobrovoi">@dobrovoi</a>
</div>
</div>
<!-- /.container -->
</body>
</html>
Веезжающее меню.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Выезжающее меню</title>
<link href="hidden-menu.css" rel="stylesheet" type="text/css"
</head>
<body>
<input type="checkbox" checked="checked" id="hmt" class="hidden-menu-ticker">
<label class="btn-menu" for="hmt">
<span class="first"></span>
<span class="second"></span>
<span class="third"></span>
</label>
<ul class="hidden-menu">
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>
</body>
</html>
Меню из выпадающих списков. <html>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<TITLE> Меню из выпадающих списков.</TITLE>
<SCRIPT LANGUAGE="JavaScript"> <!—
function initMenu() { // закрывает изначально открытые выпадающие списки
myObj=eval("document.getElementById('obj')");
for(i=1;i<=myObj.rows[0].cells.length;i++) // Пока i=1, не достигнет количества столбцов
{
mymenu=eval("document.getElementById('menu'+i)"); // получает элемент
mymenu.style.display='none';
}
Move(); // Если хотим его перемещать
}
function hide(menu) {
mymenu=eval("document.getElementById(menu)");
mymenu.style.display="none";
}
function show(menu) { // Раздельное скрытие. Раскрытие работает корректней
if (navigator.appName == "Netscape")
{
for(i=1;i<=myObj.rows[0].cells.length;i++) // Пока i=1, не достигнет количества столбцов
{
mymenu=eval("document.getElementById('menu' +i)"); // получает выпадающее меню
mymenu.style.display="none"; // закрыть все меню (в Нетскейпе могут некорректно закрываться)
}
}
mymenu=eval("document.getElementById(menu)");
mymenu.style.display="block";
}
История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...
Особенности сооружения опор в сложных условиях: Сооружение ВЛ в районах с суровыми климатическими и тяжелыми геологическими условиями...
Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...
Таксономические единицы (категории) растений: Каждая система классификации состоит из определённых соподчиненных друг другу...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!