Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.66/32: Рейтинг темы: голосов - 32, средняя оценка - 4.66
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323

OnMouseOver - как сделать, чтобы при наведении на надпись появлялась картинка?

25.10.2012, 09:38. Показов 6585. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, вопрос относительно
On Mouse Over - При наведении мыши
есть у кого пример не муторный, как я видел в сети
HTML5
1
поддержкой <a auto_link href="http://mob.ua/terms/tehnologii_i_standarty/3g.html" OnMouseOver="createHint({tag:2631,obj:this})" target="_blank" class="tag_link">3G</a>
В корне хоста лежит картинка "Web browser.jpg", чтобы при наведении на надпись она появлялась
В указанном мною примере что означает OnMouseOver="createHint({tag:2631,obj:th is})"?
спасибо
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
25.10.2012, 09:38
Ответы с готовыми решениями:

Как сделать, чтобы при клику по PictureBox там появлялась картинка?
я создал массив PictureBox PictureBox mMatrix=new PictureBox; определил его for (int i = 0; i &lt; 10; i++) { ...

Как сделать, чтобы при наведении курсора на текст появлялась всплывающая подсказка
день вечер! в power point редко приходилось работать, точнее простые презентации дела, а вот с анимациями и прочими красотами редко...

Как при наведении мыши сделать так чтобы вместо картинки появлялась гифка?
Всем привет. Моя проблема залючается в том, что я не могу вместо картинки вставить гифку. при применении правила opasity:0; вместо гифки...

12
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
25.10.2012, 10:31
а что css :hover тут не подойдет?
0
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323
25.10.2012, 10:45  [ТС]
с чем я сталкивался там только подсветка не более того, в идеале мне надо как сделано здесь
http://mob.ua/news/tag/fly/
в этой части системы Android 4.0 и оснащенный двухъядерным 1 ГГц процессором, поддержкой 3G и Wi-Fi сете, вроде и код есть, только я не врублюсь эту страницу http://mob.ua/terms/tehnologii_i_standarty/3g.html мне тоже заводить нужно?
0
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
25.10.2012, 10:52
Ципихович Эндрю, а как здесь, я не понял нифига
0
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323
25.10.2012, 10:54  [ТС]
Цитата Сообщение от Ципихович Эндрю Посмотреть сообщение
как сделано здесь
http://mob.ua/news/tag/fly/
заходите и наводите где нибудь где указано 3G, оно голубого цвета и подчёркнуто пунктиром
0
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
25.10.2012, 11:00
Ципихович Эндрю, извини конечно, но насколько хорошо ты знаешь javascript? на что ты расчитываешь? объяснить пошагово, как это сделать?
1
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323
25.10.2012, 11:24  [ТС]
Цитата Сообщение от Heleg Посмотреть сообщение
объяснить пошагово, как это сделать?
да, только в случае если это можно сделать не закидывая на хост файл с расширением хтмл - не монимаю его смысл, а нужно файл с расширением jpg

Добавлено через 16 минут
Цитата Сообщение от Ципихович Эндрю Посмотреть сообщение
не закидывая на хост файл с расширением хтмл
видимо не получается?
тогда подскажите, что в коде хтмл
createHint({tag:2631,obj:this})
означает?

Добавлено через 4 минуты
я правильно понимаю, что если указано
http://mob.ua/terms/tehnologii_i_standarty/3g.html
значит на хосте есть файл terms/tehnologii_i_standarty/3g.html
0
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
25.10.2012, 12:12
Ципихович Эндрю, нет, там всё по другому. там данные берутся из базы. я думаю, то что тебе нужно можно сделать на css. просто сейчас нет времени. на javascript тоже можно, конечно
0
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323
25.10.2012, 12:16  [ТС]
тогда близко к требуемому есть пример?
0
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
25.10.2012, 12:32
например
1
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323
25.10.2012, 12:52  [ТС]
спасибо, или не получится на картинку указать или я накосячил?
HTML5
1
<a class="tooltip" href="Web%20browser.jpg">Tooltip<span>Вот такая подсказочка получилась :).</span></a>
0
0 / 0 / 0
Регистрация: 25.10.2012
Сообщений: 3
25.10.2012, 14:56
составил пример на твой вопрос
посмотреть можешь тут
варианты по изменению разные, постарался описать как можно подробно.
0
1712 / 579 / 76
Регистрация: 10.04.2009
Сообщений: 9,323
25.10.2012, 20:39  [ТС]
Спасибо кнопка пропала, тогда пишу об этом, Спасибо

Добавлено через 5 часов 10 минут
http://www.css-tricks.ru/Artic... SSTooltip#
Вот такая
подсказочка
получилась

разбито на три части, это как-то задать можно?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.10.2012, 20:39
Помогаю со студенческими работами здесь

Как сделать так,чтобы при открытии проекта на несколько секунд появлялась картинка?
Интересует 1 вопрос. Как сделать так,чтобы при открытии проекта на несколько секунд появлялась картинка?

Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание?
Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание и одновременно менялся цвет текста? Не очень понимаю...

Как сделать, чтобы картинка становилась темнее при наведении?
&lt;html&gt; &lt;head&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;menu.css&quot;/&gt; &lt;title&gt; &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;conteiner&quot;&gt;...

Как сделать, чтобы картинка появлялась только у выбранной ссылки
Есть картинка как сделать , чтобы она появлялась только у выбранной ссылки т.е. есть меню я выбираю пункт и ссылка...

Как сделать, чтобы картинка менялась при наведении не на всю картинку, а лишь на часть ее?
Пример: фото человека, если навести курсор на его глаз, картинка меняется (появляются темные очки) и активизируется ссылка, которая ведет...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru