net-f.ru
Все материалы
Статьи журнала и исторический архив. Для раздельного просмотра используйте разделы «Статьи» и «Архив».
Материалов: 301 · Страница 7 из 9
Простейший скрипт прокрутки изображений
То есть: у нас есть набор картинок, которые не входят в экран, и их необходимо прокручивать.Сразу отметим, что данный скрипт не использует для прокрутки JavaScript. Скрипт прокрутки картинок, использующий…
СтатьяСкрипт прокрутки изображений на JavaScript
То есть: у нас есть набор картинок, которые не входят в экран, и их необходимо прокручивать.Итак, мы имеем 7 картинок размером 128*128 и две картинки-стрелки: влево, вправо, размером 20*128Сначала скрипт…
СтатьяПоказать скрыть текст div jQuery, скрыть показать div по клику
Иногда на сайте нужно сделать возможность скрывать определенный текст и показывать его только после нажатия на ссылку. Используем для этого javascript.Вариант первый.Пишем вот такой простой скрипт:function…
СтатьяСкрипт смены картинки вперед-назад(вправо влево)
Выглядит этот скрипт следующим образом: одна картинка, рядом с ней кнопки или стрелки ВПЕРЕД НАЗАД при нажатии на которые картинка пролистывается.Делаем.Для начала пишем скрипт:<script language="JavaScript"…
СтатьяСкрипт секундомера JavaScript
Наткнулись мы тут как-то в интернете на скрипт секундомера и решили предложить его вам.Автор скрипта: Brothercakeсайт автора: www.4dle.ruВот он данный скрипт:<script language="javascript">var base = 60;var…
СтатьяФорма со скрытым полем. jQuery
В нашем случае, это форма, поле для ввода текста в которой появляется при выборе определенного варианта.Пишем код:<script…
СтатьяСкрипт, показывающий сколько символов осталось ввести в поле. JavaScript. jQuery
Существуют различные скрипты, для увеличения функциональности форм. Рассмотрим скрипт, который показывает сколько символов осталось ввести в поле, с заданным максимальным количеством. Для начала нам…
СтатьяОбратный отсчет, таймер обратного отсчета JavaScript
Обратный отсчет — это таймер на странице вашего сайта, по истечении времени таймера обычно что-то происходит. Чаще всего такое встречается на сайтах с бесплатной загрузкой файлов, ждете определенное время, а…
СтатьяСкрипт выбор из списка и переход JavaScript
Суть данного скрипта состоит в том, что у нас есть поле со списком, из которого мы выбираем пункт, жмем на кнопку и переходим по ссылке. Давайте сделаем.Для начала напишем код функции перехода:<script…
СтатьяДинамические часы на JavaScript
Многие дизайнеры стараются придать своему сайту динамичность, используя для этого GIF-анимацию, флеш, различные Java-скрипты, позволяющие производить какие-либо действия без полной перезагрузки страницы.…
СтатьяЭффект перекатывания Rollover (смена одного изображения на другое, при наведении мыши)
Эффект перекатывания (Rollover) — это переход одного изображения в другое при наведении на него указателя мыши. Навели мышь - рисунок поменялся, убрали мышь - рисунок стал прежним. Этот эффект используется…
СтатьяЧто такое JavaScript
JavaScript - язык сценариев JavaScriptРазработанный в 1995 г. (был представлен как часть браузера Netscape Navigator 1.2) корпорацией Netscape Communication и основанный на Java, но более простой язык…
СтатьяjQuery Cookies. Работа с куками на jQuery
jQuery Cookies - это плагин для работы с куками, который значительно облегчает данный процесс. Нам понадобиться подключенная библиотека Jquery и сам плагин jquery.cookie.jsУстановка куки$.cookie('cookie_name',…
СтатьяКопировать или вырезать текст в буфер с помощью Clipboard.js
Clipboard.js - это скрипт, позволяющий пользователю легко скопировать или вырезать в буфер обмена некоторую информацию с Вашего сайта. Преимущества данного скрипта - не требует для своей работы Flash; - не…
СтатьяОбратный отсчёт. Таймер обратного отсчета
В этой статье мы рассмотрим несколько вариантов таймеров. 1 вариант.Простой таймер использующий только минуты и секудны<script language="JavaScript" type="text/javascript"><!--// выставляем секундыvar…
СтатьяСортировка блоков через jQuery UI и запись, сохранение позиций в базу данных
В этой статье мы рассмотрим пример использования jQuery UI для сортировки блоков и запись их новых позиций в базу данных.Создадим небольшую таблицу в нашей базе данныхПри выводе записей на страницу мы…
СтатьяSimple LightBox - симпатичный и адаптивный плагин для показа изображений
Подключаем библиотеки<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script><script src="jss/simple-lightbox.js" type="text/javascript"></script><!-- стили --><link…
СтатьяOnline калькулятор для сайта jQuery
В этой статье мы расскажем как реализовать на сайте online калькулятор. Для чего он нужен? Калькулятор позволяет посетителю сайта самостоятельно, в онлайн режиме посчитать стоимость товаров или услуг. Для…
СтатьяПлавное появление блока (элемента) после загрузки страницы jQuery
Рассмотрим простой пример плавного появления элемента на странице, после загрузки сайта.Создаем наш бок<div class="blue200x80" id="block1">Наш блок</div>Оформляем .blue200x80{display:none;width:500px;…
СтатьяЗнак рубля в HTML
В этой небольшой статье мы расскажем как использовать знак рубля. Нам понадобится шрифт rouble.ttfИтак, подключаем шрифт/*внимательно указывайте путь к шрифту*/@font-face…
СтатьяКак сделать иконку для сайта и вставить её
Иконка сайта отображается в браузерах рядом с адресом.Итак, как ее сделать. Для этого вам понадобится какая-нибудь программа для работы с графикой, например Фотошоп (или что-нибудь по проще). Иконку можете…
СтатьяКак вставить flash (флеш) на сайт
Итак, есть у нас флеш-анимация и больше всего на свете мы хотим разместить ее на нашем сайте. Делаем.Пишем вот такие строчки:<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"…
СтатьяМетатеги
предназначены для хранения технической информации предназначенной для браузеров и поисковых систем. На самом деле метатегов довольно много, но все их использовать нет смысла. Рассмотрим самые значимые.Первое…
СтатьяСтруктура HTML документа
В HTML 5 используется только один вариант DOCTYPE<!DOCTYPE html>Далее. Весь документ HTML заключается в парном теге <HTML></HTML>Далее после тега HTML следует тег <HEAD></HEAD> В нем вы указываете так…
СтатьяЧто такое Тег (Tag)
Тег (Tag)В языке HTML - специальный символ, определяющий раздел документа, способ форматирования текста или другие действия. Начинается знаком "<" и завершается знаком ">".Как правило, в HTML теги используются…
СтатьяУлучшаем формы с помощью HTML5
С помощью javascript мы можем проверить правильность введенной информации в поля формы. При этом проверка будет проходить на стороне клиента. HTML5 избавит Вас от необходимости писать лишний код.Итак, пишем…
СтатьяЧто такое HTTP
HTTP - Hypertext Transfer <Transport> ProtocolПротокол передачи гипертекста, протокол HTTP протокол "переговоров" о доставке Web-сервером документа Web-браузеру. Обычно использует порт 80. Основной протокол…
СтатьяВставить добавить аудио на сайт. Тег HTML5
В этой статье мы расскажем Вам как вставить (добавить) аудио файл на сайт. Сначала мы используем два флэш-плеера, а затем разместим аудио на сайте с помощью тега <audio> доступного в HTML5Для примера, наш…
СтатьяДобавление формы на web-страницу
Для того, чтобы добавить форму необходим тег FORM<form>тут элементы формы</form>Любая форма содержит несколько параметров: - элементы формы, которые представляют собой стандартные поля для ввода информации; -…
СтатьяТаблицы. Создание таблиц, их параметры, параметры ячеек
Для создания таблицы используется тег <table>Таблица состоит из строк и ячеек в строках, <tr> создает строку, <td> - создает ячейку. Итак создадим таблицу 2x2.<table border='0' cellpadding="0" cellspacing="0">…
СтатьяСоздание списков. Маркированные и нумерованные списки
Для чего нужны списки? Списки позволяют разбить текст на пункты. Для создания маркированных списков используются теги <ul> и <li><html><head><body>Многие задаются вопросом: "Зачем нам нужен сайт?"…
СтатьяСсылки. Создание ссылок, цвет ссылок, ссылка на адрес электронной почты
Ссылка начинается с тега <A> и содержит в себе какой-либо адрес<a href="http://www.net-f.ru/">перейти на сайт НэтФорс</a> Данная ссылка является абсолютной.Относительные ссылки построены относительно текущего…
СтатьяВставка изображений в HTML
Для того чтобы вставить изображение в нашу страничку нам понадобится тег IMG.Например, у нас есть какой-то рисунок 1.gif размером 100px на 12px расположенный в папке pic<img src="pic/1.gif" alt="1" width="100"…
СтатьяРедактирование текста в HTML
Задать шрифт, размер, цвет можно с помощью стилей. В любой тег добавляем, следующее:<body style="font-family:Arial; font-size:10pt">Получаем шрифт на странице Arial размером 10pt<!-- Комментарий в HTML --><!--…
СтатьяЦвета в HTML
Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется на числе 16. Цифры: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.…
СтатьяКак показать свой статус ICQ на сайте. ICQ web status html
Итак, мы хотим, чтобы на сайте рядом с нашим номером ICQ отображался значок, показывающий OnLine мы или нет.Сделать это довольно легко, в нужном нам месте вставляем вот такую картинку<img…