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

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

25.10.2012, 09:38. Показов 6609. Ответов 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,327
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,327
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,327
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,327
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,327
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,327
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
Ответ Создать тему
Новые блоги и статьи
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru