MiHALbI4

Всем привет! Есть, например, 6 блоков. Изначально активный css-класс у первого (для универсальности можно учесть любую изначальную позицию активного класса). Нужно через секунду переключить активный класс на второй, потом через секунду на третий и т.д. Как дойдет до последнего - начать сначала и так бесконечно. Но! Есть еще несколько условий: 1) При наведении мышкой на родительский блок смена класса останавливается и возобновляется когда мы убираем мышь. Возобновляется через время, равное скорости переключения активного класса. 2) Так же, во время автоматической смены классов по таймеру мы можем нажать на любой из этих блоков, тогда он станет с активным классом и автоматическое переключение продолжится с него по таймеру. Можно написать на чистом JS или на JQuery. Для удобства ссылка на jsfiddle: https://jsfiddle.net/3nLx5k24/ Заранее спасибо!

Всем привет! Интересует следующий вопрос по адаптивной верстке. Есть 3 блока. На широком экране красный и черный - фиксированные по ширине, а белый - основной блок для контента, у которого ширина зависит от ширины страницы, т.е. резиновый. Высота у блоков может быть любой. Главное - чтобы блоки не дублировались! При узком экране красный должен переместиться над белым блоком, а черный - под ним: Я пытался сделать через float, но моих знаний не хватило на решение данной задачи. Заранее спасибо!)

Спасибо! )

Привет всем! Интересует такой интересный вопрос, реализацию которого я увидел в чате Вконтакте. Там сверху чата выводится дата сообщений поверх всего, но фишка в том, что данный блок как бы не дает на себя спозиционироваться что ли... Т.е. я спокойно могу начать выделение текста в чате под данным блоком. Как реализовать такую возможность? Как я знаю, если вывести блок поверх всех через z-index, то и все действия будут происходить именно в его зоне, а не под ним. А тут как бы происходит его игнорирование, хотя данный блок находится наверху всех. Надеюсь понятно объяснил)))

Большое спасибо!

Всем привет! Есть "block2", в котором есть список из блоков с текстом. Этот текст нужно перетащить в соответствующие блоки в "block1". Т.е. текст из первой строки нужно вставить в первую строку другого блока, вторую - во вторую и т.д. Нужно забирать именно текст без перестраивания и копирования структуры. Во вложении накидал картинку)

Всем привет! Интересует такой вопрос, нужно на JQuery. Через плагин происходит вращение картинки, т.е. в "style" объекта данный скрипт быстро меняет угол и картинка крутится. Мне нужно сделать следующее: как-то постоянно отслеживать этот угол и если будет достигнуто определенное значение (например 280deg и более), то должен будет сработать вызов какой-нибудь функции/кода.

Сделал. Добавил ссылку в первый пост.

Привет всем! Я только недавно начал изучать JQuery, так что встала загвоздка в решении такой задачи. Вот накидал шаблон с этой проблемой. Если зоны (в примере их два серых блока, в жизни будет намного больше), сделанные через тэг «area», (в примере они просто прямоугольные, а в жизни будет очень ломанные). Суть проблемы: при наведении на зону появляется картинка (желтая), которая накладывается поверх «area» и так же вплывает подсказка (синяя). Я это реализовал на JQuery, но появился неприятный баг. При перемещении мышки из желтой области в синюю (в красной рамке): https://photos-1.dropbox.com/t/1/AAAjNJ5vPJsGREqlpIEcsDPrE4iRpMKoiJmjcdJQOINLqg/12/44729395/png/1024x768/3/1412802000/0/2/1.png/xFiYIlGwk2FhOikQb0id0H37PIGNrtHprtbzSGv_biI происходит мигание этих блоков, т.е. они исчезают и опять появляются. Вот это мне и нужно как-то исправить, чтобы такого не происходило. Почему так происходит я понимаю, но знаний по JQuery у меня не хватает, чтобы это решить... Так же очень бы хотелось (желательно, но не критично), чтобы при наведении мыши в эту зону (в красной рамке) ничего не исчезало, а только когда курсор уйдет сразу из двух этих блоков (желтый и синий): https://photos-3.dropbox.com/t/1/AADLcXIWwxxhKihkEGysuAh88Jp4Su9fkn_5V_q-uwvR4Q/12/44729395/png/1024x768/3/1412802000/0/2/2.png/2nLHv2vbwSAl9y3QWA8NTR7qaXsexakFRft6e4X0CrE Только при решении этой задачи должно учитываться: 1) Скрипт на JQuery 2) Структура верстки должна остаться как в шаблоне, не меняя ее вообще!!! Посмотреть в живую: http://jsfiddle.net/z80on04d/ Ниже - ссылка на архив, скрипт написан прямо в теле шаблона. Думаю все доходчиво объяснил https://www.dropbox.com/s/y1oksjgeqwp79jr/area_hover.zip?dl=0

Решил остановиться на варианте через псевдокласс ":emptу"

Хм, как вариант. Завтра попробую)

Да кода и нет считай)) Вот, вырезал: http://rghost.ru/52944753. Удали просто единички из "site_left_ASIDE" и все увидишь. Только этот баг в Хроме проявляется, в нем проверяй.

Привет всем! Впервые столкнулся с данной проблемой и появляется она только в Хроме. Как видно на картинке снизу, почему-то пустой блок "site_left_ASIDE" имеет ширину в 1 пиксель, хотя должно быть 0 и из-за этого едет верстка во второй ячейке. Если удалить "site_left_ASIDE", то все норм, ячейка становиться шириной 0, но данный блок мне нужен. Существует ли какой-нибудь хак для такой проблемы только для Хрома, а скорее всего, для вебкита в частности?

Нужно сделать по примеру как тут: http://apycom.com/menus/5-black.html Минус, что данные менюхи платные. Вот есть ли где-нибудь аналогичный бесплатный плагин на jQuery?

Даже вот так: http://flowplayer.org/tools/demos/tabs/mouseover.html Пасиба, то, что надо!

Немножко не то. Вот наткнулся на сайте президента (http://www.kremlin.ru/) на данную фишку, которую мне надо:

В общем есть такая структура общего блока: Подскажите, пожалуйста, как сделать, чтобы при наведении на неактивную ячейку она сразу становилась активной (менялись стили оформления) и контент в синем блоке заменялся на данные от выбранной ячейки? Следовательно, предыдущая активная ячейка автоматом должна становиться неактивной. Вся данная динамика должна происходить именно при наведении на неактивную ячейку, а не при клике на ней. На странице будет несколько таких зон. Я так понимаю, что без скриптов не обойтись, но никак что-то не могу найти нормальное решение.

Спасибо! Помогло)

Имеется резиновый сайт (на картинке схема). Есть 3 блока div, фиксированные по высоте. Два серый блока так же фиксированы по ширине. Необходимо, чтобы центральный красный блок занимал все оставшееся место между двумя серыми и растягивался в зависимости от ширины сайта. Т.е. необходимо сделать как таблицу, но блоками div. Поддерка IE начиная с 7 версии. Пробовал через table-cell, но IE не понимает этого. Какие есть варианты?

Посмотреть: http://jojo-hp.by.ru/ Скачать: http://jojo-hp.by.ru/li.rar

На какой сервак? тут нельзя прикреплять аттачи.

В общем есть список li фиксированной высоты, который находится в блоке фиксированный ширины. Список должен быть в 2 пункта в строке. В общем выкладываю свою верстку: http://rghost.ru/3806257 Необходимо, чтобы текст всегда был по центру по вертикали, но он может быть как в несколько строк, так и в одну. Я сделал это по какому-то тутору, но почему-то когда текст в одну строку - все хорошо, а когда в две - создается между строками большой отступ. Помогите плиз убрать это непонятное расстояние.

Все спасибо!!! Разобрался!

Я так понимаю, что тут показано как установить эти картинки. Но я не могу раскуриться как сделать, чтобы при наведении, например, на текст, менялись и боковые картинки тоже? Может легче примерчик какой-нибудь сделать?

Там про одну картинку и у них фиксированная ширина. А у меня несколько и резиновая =) Не катит =(