Scriptic.ru JavaScript Подсказка выползает сверху, поле и текст любого цвета <html> <head> <title>Подсказка выползает сверху, поле и текст любого цвета</title> <style type="text/css"> .menu{ position: absolute; top:-200; width: 200; padding:5; border-width: 1; border-style: solid; background:#009900; color: Lime;} .menu1{ position: absolute; top:-200; width: 200; padding:5; border-width: 1; border-style: solid; background:Lime; color: #009900;} </style> <script> var mpos=new Array(); var mdir=new Array(); var maxmenus=2; var delay=20; function do_menu(e, menu) { mdir[menu]=-mdir[menu]; if(mpos[menu]<=-122) { if(document.layers) { document.layers["menu"+menu].top=e.pageY-122; document.layers["menu"+menu].left=e.pageX; } else { document.all["menu"+menu].style.top=event.y-122; document.all["menu"+menu].style.left=event.x; } move_menu(menu); } if(mpos[menu]>=0) move_menu(menu); } function move_menu(menu) { mpos[menu]+=mdir[menu]; if(document.layers) { document.layers["menu"+menu].top+=mdir[menu]; document.layers["menu"+menu].clip.top=-mpos[menu]; } else { document.all["menu"+menu].style.top=parseInt(document.all["menu"+menu].style.top)+mdir[menu]; document.all["menu"+menu].style.clip="rect("+(-mpos[menu])+",auto,auto,auto)"; } if(mpos[menu]>-122 && mpos[menu]<0) setTimeout("move_menu("+menu+")", delay); } function init() { for(i=0; i<maxmenus; i++) { mpos[i]=-122; mdir[i]=-4; } } </script> </head> <body> </div><div id="menu0" class="menu"> <p>Цвет текста <br>и фона на выбор</p> </div><div id="menu1" class="menu1"> <p>Для каждой <br>ссылки свои</p> </div> <p><a href="http://scriptic.ru/" onmouseover="do_menu(event, 0)" onmouseout="do_menu(event, 0)">Scriptic.ru</a> <a href="../javascript.htm" onmouseover="do_menu(event, 1)" onmouseout="do_menu(event, 1)">JavaScript</a> </center> </body> </html>