Temp4 — различия между версиями

Материал из Н.Ф. Федоров
Перейти к: навигация, поиск
 
(не показано 17 промежуточных версий этого же участника)
Строка 1: Строка 1:
−
<div class="section-full books" style="padding-bottom: 40px;">
+
<html>
−
<h3 class="section-header">[[Цифровые книги и статьи в Музее-библиотеке_Н.Ф._Федорова |ИЗ НАШИХ ЦИФРОВЫХ ФОНДОВ]]</h3>
+
<head>
−
<div class="section-1-3">[[Файл:Zagadchij-starik-cover.jpg|left|x170px|link=Загадочный_старик_(книга)]]<br><p>[[Загадочный_старик_(книга)|''В.Е. Львов.'' Загадочный старик (биографические повести о Федорове и Циолковском). Л., 1977]]</p></div><div class="section-1-3">[[Файл:Filosofskij-kontekst-russkoj-litersturi-cover.jpg|left|x170px|link=Философский_контекст_русской_литературы_1920-1930-х_годов_(монография)|]]<p><br>[[Философский_контекст_русской_литературы_1920-1930-х_годов_(монография)|''Гачева А.Г., Казнина О.А., Семенова С.Г.'' Философский контекст русской литературы 1920-1930-х гг. М., 2003]].
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
</p></div><div class="section-1-3">[[Файл:Na-poroge-grjaduchego-cover.jpg|left|x170px|link=На пороге грядущего (сборник научных статей)]]<br><p>[[На пороге грядущего (сборник научных статей)| На пороге грядущего. Памяти Николая Федоровича Федорова (1829-1903). М., 2004]]</p>
+
<style>
 +
.slidecontainer {
 +
    width: 100%;
 +
}
 +
 
 +
.slider {
 +
    -webkit-appearance: yes;
 +
    width: 100%;
 +
    height: 25px;
 +
    background: red;
 +
    outline: none;
 +
    opacity: 0.7;
 +
    -webkit-transition: .2s;
 +
    transition: opacity .2s;
 +
}
 +
 
 +
.slider:hover {
 +
    opacity: 1;
 +
}
 +
 
 +
.slider::-webkit-slider-thumb {
 +
    -webkit-appearance: none;
 +
    appearance: none;
 +
    width: 25px;
 +
    height: 25px;
 +
    background: #4CAF50;
 +
    cursor: pointer;
 +
}
 +
 
 +
.slider::-moz-range-thumb {
 +
    width: 25px;
 +
    height: 25px;
 +
    background: #4CAF50;
 +
    cursor: pointer;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
 
 +
<div class="slidecontainer">
 +
  <p>Default range slider:</p>
 +
  <input type="range" min="1" max="100" value="50">
 +
 
 +
<h1>Custom Range Slider</h1>
 +
<p>Drag the slider to display the current value.</p>
 +
 
 +
<div class="slidecontainer">
 +
  <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
 +
  <p>Value: <span id="demo"></span></p>
 
</div>
 
</div>
 +
 +
<script>
 +
var slider = document.getElementById("myRange");
 +
var output = document.getElementById("demo");
 +
output.innerHTML = slider.value;
 +
 +
slider.oninput = function() {
 +
  output.innerHTML = this.value;
 +
}
 +
</script>
 +
 +
<?php
 +
print_r('Hello, WWV.'); // Hello, World.?>
 +
 +
</body>
 +
 +
</html>

Текущая версия на 19:04, 1 марта 2023

Default range slider:

Custom Range Slider

Drag the slider to display the current value.

Value:

Источник — «http://nffedorov.ru/w/index.php?title=Temp4&oldid=34274»