Отправляет email-рассылки с помощью сервиса Sendsay

RFpro.ru: Программирование на Java / JavaScript

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Раскрутка и оптимизация сайта в Интернете" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Январь 2009   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Калашников О.А.

Статистика

3.537 подписчиков
0 за неделю
←   Все выпуски   →

RusFAQ.ru: Программирование на Java / JavaScript


Хостинг Портала RusFAQ.ru:
MosHoster.ru - Профессиональный хостинг на Windows 2008

РАССЫЛКИ ПОРТАЛА RUSFAQ.RU

Чемпионы рейтинга экспертов в этой рассылке

Товарищ Бородин
Статус: Профессионал
Рейтинг: 74
∙ повысить рейтинг >> 		Сергей Луконин
Статус: Студент
Рейтинг: 58
∙ повысить рейтинг >> 		Whenpigsfly
Статус: 3-й класс
Рейтинг: 22
∙ повысить рейтинг >>

/ КОМПЬЮТЕРЫ И ПО / Языки программирования / Java/JavaScript

Выпуск № 590
от 16.01.2009, 03:35

Администратор:Калашников О.А.
В рассылке:Подписчиков: 358, Экспертов: 20
В номере:Вопросов: 1, Ответов: 2
Нам важно Ваше мнение об этой рассылке.
Оценить этот выпуск рассылки >>

Вопрос № 157272: Уважаемые эксперты, помогите решить такую проблему: нужно создать динамически изменяющийся background-image у ячейки страницы. Должно выйти примерно как <font color="blue"><a href="http://mycityua.com/" target="_blank">тут</a></font> (область табо...

Вопрос № 157.272
Уважаемые эксперты, помогите решить такую проблему: нужно создать динамически изменяющийся background-image у ячейки страницы.
Должно выйти примерно как тут (область табов сверху страницы- "нашего района", "по-харьковски" и т. д.) или тут (при наведении на иконку комментария )
Отправлен: 10.01.2009, 23:44
Вопрос задал: Romach (статус: 1-й класс)
Всего ответов: 2
Мини-форум вопроса >>> (сообщений: 1)
Отвечает: Иван Сергеевич
Здравствуйте, Romach!
На самом деле используется псевдо-класс CSS :hover, срабатывающий при наведении на элемент мышью. Для большинства браузеров применяется связка LI + :hover, а для IE6 генерируется таблица с ссылкой по каждому табу (т.к. IE6 знает :hover только для ссылок, но не для LI или других блочных элементов).
Вообще эта технология создания закругленных табов называется sliding doors (раздвижные двери) и подробнее о ее реализации читайте тут: часть1, часть2
Ответ отправил: Иван Сергеевич (статус: Студент)
Ответ отправлен: 11.01.2009, 08:42

Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 240811 на номер 1151 (Россия) | Еще номера >>
  • Отправить WebMoney:
    • Вам помогли? Пожалуйста, поблагодарите эксперта за это!

    Оценка за ответ: 5

    Отвечает: Иоффе Мэир Вэлевич
    Здравствуйте, Romach!

    Я бы посоветовал использовать такой метод:

    Создаёте картинку содержащую оба изображения - и то когда курсор не на объекте и то когда курсор наезжает на объект.
    Скажем у Вас есть область фона размером 80х20, значит создаёте картинку размером 80х40 и в верхней части рисуете изображение по умолчанию, а в нижней изображение появляющееся при наезеде мышкой.

    Затем в CSS создаёте два класса

    .MyBackGroudn {
    background:transparent url('MenuBackground.gif') repeat-x 0px 0px;
    }

    и

    .MyBackGround:hover {
    background:transparent url('MenuBackground.gif') no-repeat 0px -20px;
    }

    И применяете класс MyBackGround к элементу на который Вы будете наезжать мышкой.

    Разберём написаное.

    В классе CSS мы указали браузеру, что он к элементу он должен применить прозрачный фон (transparent), установить на фон картинку (url(''MenuBackground.gif') ), картинку не повторять на фоне (n o-repeat) и позиция фонового изображения относительно самого элемента left = 0, top = 0.
    Потом мы создали вариант этого же класса который браузер использует когда курсо будет над объектом (hover).
    В этом изменённом классе мы всё оставлем без изменений кроме позиции элемента. top мы изменили на -20. Ведь высота нашей картинки 40. и чтобы отобразить нижнюю часть мы просто сдвигаем картинку вверх.

    Удачи.
    ---------
    There are 10 types of people. Those who understand binary and those who don't.
    Ответ отправил: Иоффе Мэир Вэлевич (статус: Студент)
    Ответ отправлен: 11.01.2009, 08:45

    Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 240812 на номер 1151 (Россия) | Еще номера >>
  • Отправить WebMoney:
    • Вам помогли? Пожалуйста, поблагодарите эксперта за это!

    Оценка за ответ: 5

    Вы имеете возможность оценить этот выпуск рассылки.
    Нам очень важно Ваше мнение!
    Оценить этот выпуск рассылки >>

    Отправить вопрос экспертам этой рассылки

    Приложение (если необходимо):

    * Код программы, выдержки из закона и т.п. дополнение к вопросу.
    Эта информация будет отображена в аналогичном окне как есть.

    Обратите внимание!
    Вопрос будет отправлен всем экспертам данной рассылки!
    Для того, чтобы отправить вопрос выбранным экспертам этой рассылки или
    экспертам другой рассылки портала RusFAQ.ru, зайдите непосредственно на RusFAQ.ru.


    Форма НЕ работает в почтовых программах The BAT! и MS Outlook (кроме версии 2003+)!
    Чтобы отправить вопрос, откройте это письмо в браузере или зайдите на сайт RusFAQ.ru.

    Скажите "спасибо" эксперту, который помог Вам!

    Отправьте СМС-сообщение с тестом #thank НОМЕР_ОТВЕТА
    на короткий номер 1151 (Россия)
    Номер ответа и конкретный текст СМС указан внизу каждого ответа.

    Полный список номеров >>

    * Стоимость одного СМС-сообщения от 7.15 руб. и зависит от оператора сотовой связи. (полный список тарифов)
    ** При ошибочном вводе номера ответа или текста #thank услуга считается оказанной, денежные средства не возвращаются.
    *** Сумма выплаты эксперту-автору ответа расчитывается из суммы перечислений на портал от биллинговой компании.

    © 2001-2009, Портал RusFAQ.ru, Россия, Москва.
    Авторское право: ООО "Мастер-Эксперт Про"
    Техподдержка портала, тел.: +7 (926) 535-23-31
    Хостинг: "Московский хостер"
    Поддержка: "Московский дизайнер"
    Авторские права | Реклама на портале

    ∙ Версия системы: 5.13 от 01.12.2008

    		Яндекс Rambler's Top100
    RusFAQ.ru | MosHoster.ru | MosDesigner.ru
    RusIRC.ru | Kalashnikoff.ru | RadioLeader.ru
    В избранное