Помощник
|
Нужно чтобы текст появлялся при наведении на картинку. |
antiblef
|
Сообщение
#1
|
||
|
|
||
|
|||
Netbloga |
28.12.2010, 2:02;
Ответить: Netbloga
Сообщение
#2
|
|
тэг Title не пробовали?
-------------------- |
|
|
Nikson |
28.12.2010, 2:26;
Ответить: Nikson
Сообщение
#3
|
|
Пропишите Title для картинки, делов то...
-------------------- |
|
|
Jepps |
28.12.2010, 2:49;
Ответить: Jepps
Сообщение
#4
|
|
antiblef, jQuery вам в помощь.
-------------------- |
|
|
Honey |
28.12.2010, 3:17;
Ответить: Honey
Сообщение
#5
|
|
Их называют хинтами (hint), они выводят содержимое alt'ов или title'ов. В интернете этих скриптов много.
Пример. |
|
|
kzn |
28.12.2010, 3:30;
Ответить: kzn
Сообщение
#6
|
|
всплывает и появляется текст, который двигается за мышкой Господа, какой ещё title? Вот на JS. Нужные места откомментировал, поэтому, подогнать под себя не составит труда. <HTML>
<HEAD> <TITLE>Собственно скриптик...</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <style type="text/css"> <!-- #pup {position:absolute; visibility:hidden; z-index:200; width:130; } //--> </style> </HEAD> <BODY> <script type="text/javascript"> <!-- var Xoffset=-60; // позиция окошка по иксу var Yoffset= 20; // и соответственно по игрику var popwidth=130; // ширина подсказки var bcolor="darkgray"; // цвет границы подсказки var fcolor="black"; // цвет текста var fface="verdana"; // шрифт // create content box document.write("<DIV ID='pup'></DIV>"); // id browsers var iex=(document.all); var nav=(document.layers); var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById); var n_6=(window.sidebar); // assign object var skin; if(nav) skin=document.pup; if(iex) skin=pup.style; if(n_6) skin=document.getElementById("pup").style; // park modifier var yyy=-1000; // capture pointer if(nav)document.captureEvents(Event.MOUSEMOVE); if(n_6) document.addEventListener("mousemove",get_mouse,true); if(nav||iex)document.onmousemove=get_mouse; // set dynamic coords function get_mouse(e) { var x,y; if(nav || n_6) x=e.pageX; if(iex) x=event.x+document.body.scrollLeft; if(nav || n_6) y=e.pageY; if(iex) { y=event.y; if(navigator.appVersion.indexOf("MSIE 4")==-1) y+=document.body.scrollTop; } if(iex || nav) { skin.top=y+yyy; skin.left=x+Xoffset; } if(n_6) { skin.top=(y+yyy)+"px"; skin.left=x+Xoffset+"px"; } nudge(x); } // avoid edge overflow function nudge(x) { var extreme,overflow,temp; // right if(iex) extreme=(document.body.clientWidth-popwidth); if(n_6 || nav) extreme=(window.innerWidth-popwidth); if(parseInt(skin.left)>extreme) { overflow=parseInt(skin.left)-extreme; temp=parseInt(skin.left); temp-=overflow; if(nav || iex) skin.left=temp; if(n_6)skin.left=temp+"px"; } // left if(parseInt(skin.left)<1) { overflow=parseInt(skin.left)-1; temp=parseInt(skin.left); temp-=overflow; if(nav || iex) skin.left=temp; if(n_6)skin.left=temp+"px"; } } // write content & display function popup(msg,bak) { var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN='center'><FONT COLOR="+fcolor+" FACE="+fface+" SIZE='2'>"+msg+"</FONT></TD></TABLE>"; if(old) { alert(msg); return; } yyy=Yoffset; skin.width=popwidth; if(nav) { skin.document.open(); skin.document.write(content); skin.document.close(); skin.visibility="visible"; } if(iex) { pup.innerHTML=content; skin.visibility="visible"; } if(n_6) { document.getElementById("pup").innerHTML=content; skin.visibility="visible"; } } // park content box function kill() { if(!old) { yyy=-1000; skin.visibility="hidden"; skin.width=0; } } //--> </script> <!-- Ну а теперь переходим от странныъ закарючек JavaScript к простому и привычному =============================================================--> <!-- вместо lilguys.gif прописываете свою картинку ===============================--> <IMG height=123 alt="" src="lilguys.gif" width=167 useMap=#lilguys border=0> <MAP name=lilguys> <!-- magenta - это цвет фона, в данном случае розовый(пурпурный). Прописываете нужный =======--> <AREA onmouseover="popup('Текст всплывающего окошка','magenta')" onmouseout=kill() shape=RECT coords=0,0,123,167 href="java script://"> <!-- coords=0,0,123,167 - это координаты откуда до куда будет показываться подсказка. Как можно догадаться, сделать таких подсказок можно неограниченное количество, копируя и вставляя одно и то же, не забывая заменить координаты, текст и цвет. ================================================================================ ==--> </MAP> </BODY></HTML> Сообщение отредактировал kzn - 28.12.2010, 3:31 -------------------- |
|
|
Fiamma |
30.12.2010, 1:17;
Ответить: Fiamma
Сообщение
#7
|
|
Может просто alt картинке прописать, а потом CSS заюзать... И будет все удобно, красиво и без лишнего кода.
|
|
|
antiblef
|
Сообщение
#8
|
|
|
|
|
rjksdfhe |
3.1.2011, 0:23;
Ответить: rjksdfhe
Сообщение
#9
|
|
antiblef, title прописать картинке/блоку. Это самое простое для вас.
А на счёт красиво и удобно только через обращение к программистам JS. Сами вы это не осилите, вижу уже. Сообщение отредактировал rjksdfhe - 3.1.2011, 0:24 |
|
|
wagan |
3.1.2011, 0:38;
Ответить: wagan
Сообщение
#10
|
|
|
Поковыряйте здесь efimov.ws сайт не мой, есть интересные jQuery плагины
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
SEO-текст на главной странице сайта и в категориях | 5 | boltuk | 1351 | 26.3.2024, 21:43 автор: c4p1t4l15t |
|
Apple пойдет на сотрудничество с конкурентами, чтобы выбиться в лидеры с ИИ | 3 | Room | 975 | 22.3.2024, 21:04 автор: Rebex |
|
Можно ли в старый SEO текст вместо старого домена поставить новый? | 3 | Tutich | 1146 | 22.3.2024, 14:47 автор: Tutich |
|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
6 | stu999 | 1551 | 21.3.2024, 20:45 автор: stu999 |
|
Как составить уравнение, чтобы назначить цену для товара? | 2 | rownong27 | 711 | 21.3.2024, 12:53 автор: Lumex |
Текстовая версия | Сейчас: 28.3.2024, 14:09 |