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

Материал из Н.Ф. Федоров
Перейти к: навигация, поиск
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
<html>
+
<!--
<head>
+
{{Кат|Забелин И.М.|Физическая география и наука будущего|Москва|Мысль|1970|176|
<meta name="viewport" content="width=device-width, initial-scale=1">
+
|Забелин_И.М._Физическая_география_и_наука_будущего|наз-полн-стр}}
<style>
+
{{Кат|Забелин И.М.|Человек и человечество|Москва|Советский писатель|1970|264|
.slidecontainer {
+
|http://nffedorov.ru/w/images/f/f4/Zabelin_i_m_chelovek_i_chelovechestvo.djvu|наз-полн-урл}}
    width: 100%;
+
-->
}
+
<!--
 
+
[["Апостол большого искусства": Творческое наследие В.Н. Чекрыгина в российском и мировом культурном контексте (конференция)| <div class="section-full top-banner">
.slider {
+
<div class="top-data" ><small>5–8 октября 2022 года<br>Москва – Пушкино<br>Международная научная конференция</small></div>
    -webkit-appearance: yes;
+
<div class="top-text">“Апостол большого искусства”:<br> Творческое наследие В. Н. Чекрыгина<br> в российском и мировом культурном контексте</div>
    width: 100%;
+
</div>]]
    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>
 
 
 
<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>
 

Текущая версия на 17:12, 26 декабря 2024