Skip to content

Instantly share code, notes, and snippets.

<input id="top" type="button" value="Scroll down (1sec)" onclick="smoothScrollTo(document.getElementById('bottom').offsetTop)">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<input id="bottom" type="button" value="Scroll up (500ms)" onclick="smoothScrollTo(0, 500)">
<script>
window.smoothScrollTo = (function () {
var timer, start, factor;
return function (target, duration) {
<!-- Вывод картинок в templates -->
[each progress_images]<a class="foobox" rel="gallery" href="{@guid}">{@_img.large}</a>[/each]
<!-- с глобальными переменными globals.php -->
require ('globals.php');
$phone_number = get_option('POD NAME_OPTION NAME');
<!--Вывести опцию из админки-->
get_option('POD NAME_OPTION NAME')
// Show and hide mobile menu on scroll
$(document).ready(function(){
var mob_menu = $('.mobile-menu');
var lastScrollTop = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
mob_menu.addClass('scroll');
} else {
.select select {
display: block;
width: 100%; /* от ширины блока div */
padding: .75rem 2.5rem .75rem 1rem;/* отступы от текста до рамки */
background: none; /* убираем фон */
border: 1px solid #ccc; /* рамка */
border-radius: 3px;/* скругление полей формы */
-webkit-appearance: none;/* Chrome */
-moz-appearance: none;/* Firefox */
appearance: none;/* убираем дефолнтные стрелочки */
.flex {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
function rename() {
document.querySelector('selector').innerHTML = 'new name';
}
document.addEventListener("DOMContentLoaded", rename);
'use strict';
// создаем <link rel="stylesheet" href="light|dark.css">
let head = document.head,
link = document.createElement('link');
link.rel = 'stylesheet';
// проверяем значение из localStorage если dark то темная тема
if (localStorage.getItem('themeStyle') === 'dark') {
link.href = 'dark.css'; // ссылка на темный стиль
document.getElementById('switch-1').setAttribute('checked', true); // переключаем чекбокс в положение "темная тема"
}
// цели Яндекс
add_action( 'wp_footer', 'yandex_wp_footer' );
function yandex_wp_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
yaCounter00000000.reachGoal('form_send');
return true
}, false );
</script>
if(window.matchMedia('(max-width: 768px)').matches){
$('.sub-menu-button').on('click',function(e){
var subMenu = $(this).next('.sub-navigation');
if(subMenu.is(':visible')){
subMenu.slideUp();
} else {
subMenu.slideDown();
}
return false;
});
// submenu
$(function(){
var submenu = $(".sub_menu");
var menu = $(".header_menu_main");
var menu_item = $(".header_menu_main li a");
if(window.matchMedia('(min-width: 480px)').matches){
submenu.parent('li').append('&#9660;');
remove__class = function(){