Фрагменти коду 2025, Січень

Вставити елемент між іншими елементами - CSS-хитрощі

Вставити елемент між іншими елементами - CSS-хитрощі

Наприклад, якщо у вас є п’ять абзаців поспіль, і вам потрібно вставити тег розриву між усіма ними. Ви не можете поставити його перед усіма п'ятьма (ви не "

Вхідні дані, що запам'ятовують початкове значення - CSS-хитрощі

Вхідні дані, що запам'ятовують початкове значення - CSS-хитрощі

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Завантажувач зображень - CSS-хитрощі

Завантажувач зображень - CSS-хитрощі

Дуже простий спосіб попереднього завантаження зображень, які потрібні пізніше (наприклад, коли виконується наведення) $ .preloadImages = function () (for (var i = 0; i "

Виділити відповідну мітку при введенні у фокусі - CSS-хитрощі

Виділити відповідну мітку при введенні у фокусі - CSS-хитрощі

$ ("форма: вхід"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus" );)); "

Виділити всі посилання на поточну сторінку - CSS-хитрощі

Виділити всі посилання на поточну сторінку - CSS-хитрощі

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("вибрано ");)));)); Ця функція "

Отримати координати X, Y миші в коробці - CSS-хитрощі

Отримати координати X, Y миші в коробці - CSS-хитрощі

Наведений нижче код дасть вам координати X, Y клацання миші в межах даного вікна. Видаливши все, що стосується офсету, ви можете легко отримати X, "

Виправлення .load () в IE для кешованих зображень - CSS-хитрощі

Виправлення .load () в IE для кешованих зображень - CSS-хитрощі

Функція .load () спрацьовує, коли елемент, до якого вона викликається, повністю завантажений. Він зазвичай використовується на зображеннях, які можуть бути не повністю завантажені, коли "

Отримати параметри запиту як об’єкт - CSS-хитрощі

Отримати параметри запиту як об’єкт - CSS-хитрощі

Ніколас Ортенціо написав цей маленький плагін: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Отримати рідну ширину зображень - CSS-хитрощі

Отримати рідну ширину зображень - CSS-хитрощі

Якщо вибрати та зобразити за допомогою jQuery, а потім використовувати .width (), ви отримаєте поточну ширину зображень, навіть якщо вона була масштабована (наприклад, max-width: 100%;). Ти можеш"

Виправлення z-індексу IE - CSS-хитрощі

Виправлення z-індексу IE - CSS-хитрощі

Це не остаточне рішення для виправлення всіх дивних проблем із z-індексом IE, але воно, безумовно, може допомогти за певних обставин. Що він робить, це "

Зменшити зображення на інше зображення - CSS-хитрощі

Зменшити зображення на інше зображення - CSS-хитрощі

Зробіть div, який відповідає точному розміру зображення. До цього div буде додано фонове зображення до другого зображення. Потім помістіть всередину зображення всередину "

Примусово перезавантажити iframe - CSS-хитрощі

Примусово перезавантажити iframe - CSS-хитрощі

Ви можете торкнутися його src: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Виправлено вибір випадаючого списку в IE 7 - CSS-хитрощі

Виправлено вибір випадаючого списку в IE 7 - CSS-хитрощі

Запустіть (принаймні, частину "Використання" нижче) після завантаження jQuery і в кінці сторінки, або у заяві про готовність до DOM. Зверніть увагу, що це виправлення робить "

Виправити мінімальну / максимальну ширину для браузерів без власної підтримки - CSS-хитрощі

Виправити мінімальну / максимальну ширину для браузерів без власної підтримки - CSS-хитрощі

Цей скрипт перевіряє всі елементи класом .fixMinMaxwidth і спостерігає за вікном. Застосовується лише до браузерів без рідної мінімальної / максимальної ширини "

Змінити розмір iframe відповідно до вмісту (лише для того самого домену) - CSS-хитрощі

Змінити розмір iframe відповідно до вмісту (лише для того самого домену) - CSS-хитрощі

Зазвичай ви встановлюєте і ширину, і висоту для фреймів. Якщо вміст усередині більший, смуг прокрутки має бути достатньо. Наведений нижче сценарій намагається це виправити шляхом "

Пожежна подія, коли користувач перебуває в режимі очікування - CSS-хитрощі

Пожежна подія, коли користувач перебуває в режимі очікування - CSS-хитрощі

Дивіться два прокоментовані рядки нижче, саме тут ви можете вставити код для дій, коли користувач простоює і коли користувач повертається. Встановити в режимі очікування "

Знайти та обернути амперсанди - CSS-хитрощі

Знайти та обернути амперсанди - CSS-хитрощі

Завантажте цей плагін. Потім: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); За потреби змініть селектор. Цей досить інтенсивний. Тепер у вас є клас "

Резервний варіант для jQuery, розміщеного у CDN - CSS-хитрощі

Резервний варіант для jQuery, розміщеного у CDN - CSS-хитрощі

Кілька великих компаній пропонують копії jQuery, розміщені на їх CDN (Мережа доставки вмісту). Найвідоміший Google, а також Microsoft і jQuery "

Перехід одного зображення до іншого меню - CSS-хитрощі

Перехід одного зображення до іншого меню - CSS-хитрощі

Створіть спрайт-зображення CSS, причому верхня та нижня половина - це два зображення, між якими ви хочете анімувати. JQuery додає тег і "

Знайти всі внутрішні посилання - CSS-хитрощі

Знайти всі внутрішні посилання - CSS-хитрощі

Знайдіть усі посилання, які починаються з домену сайтів, косої риски, відносного шляху до файлу або хештегу. var siteURL = "http: //" + top.location.host.toString (); var "

Виключити $ (this) із селектора - CSS-хитрощі

Виключити $ (this) із селектора - CSS-хитрощі

Скажімо, ви хочете приєднати обробник кліків до кожного посилання на сторінці. Функція цього обробника клацань перетворює всі інші посилання на інший колір. var "

Перетягується без інтерфейсу jQuery - CSS-хитрощі

Перетягується без інтерфейсу jQuery - CSS-хитрощі

У ньому немає всіх вигадливих зворотних викликів та опцій, але привіт, це робить речі перетяжними (і з вказаним дескриптором за бажанням). (функція ($) ("

Зрівняти висоти поділів - CSS-хитрощі

Зрівняти висоти поділів - CSS-хитрощі

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). height (maxHeight); "

Показати останній твіт - CSS-хитрощі

Показати останній твіт - CSS-хитрощі

Наведений нижче код більше не працює як є з оновленням Twitter API до 1.1 станом на 11.06.2013. API 1.1 вимагає oAuth, який вимагає сторони сервера "

Завершено зміну розміру події - CSS-хитрощі

Завершено зміну розміру події - CSS-хитрощі

Якщо ви звикли до чогось типу jQuery UI, розмір якого можна змінити, ви отримуєте події, до яких можна прив’язати під час зміни розміру, але також і в кінці зміни розміру. Немає такої події "

JQuery Duplicate Plugin - CSS-хитрощі

JQuery Duplicate Plugin - CSS-хитрощі

$ .fn.duplicate = функція (count, cloneEvents) (var tmp = (); for (var i = 0; i

Відобразити лише перші розділи X, перемкнути відпочинок - CSS-хитрощі

Відобразити лише перші розділи X, перемкнути відпочинок - CSS-хитрощі

Var news = 2; hidenews = "- Сховати архів новин"; shownews = "+ Показати архів новин"; $ (". архів"). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Відобразити останнє повідомлення FeedBurner - CSS-хитрощі

Відобразити останнє повідомлення FeedBurner - CSS-хитрощі

Цей фрагмент відображатиме останню публікацію у вказаному каналі FeedBurner. Просто встановіть URL-адресу на потрібний канал FeedBurner. $ (документ) .ready (function () ("

Відобразити браузер та версію - CSS-хитрощі

Відобразити браузер та версію - CSS-хитрощі

Це специфічно для jQuery і містить трохи хакі / виправлення для роботи з Chrome. Це працює між jQuery 1.5.1 та jQuery 1.8.3. Його немає в jQuery "