JS Mouseover, парить

я пытаюсь использовать JS и создать "поле описания" с некоторыми "инфо текст"JS Mouseover, парить

HTML

<head> 
<script type="text/javascript" src="onmo.js"></script> 
</head> 
<body> 
    <div> <a onmouseover="info()" href="http://www.google.com"> google </a> </div> 
</body>

function info() {}

я не знаете, какой код создает так называемое «поле описания» с некоторым текстом. любая помощь? без css.

источник

2015-12-28 joki00

Вы можете использовать jquery-ui tooltip для этой цели.

Вот ссылка с документацией с большими примерами: Link

Пример из jqueryui сайта:

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>jQuery UI Tooltip - Default functionality</title> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script> 
 
    $(function() { 
 
    $(document).tooltip(); 
 
    }); 
 
    </script> 
 
    <style> 
 
    label { 
 
    display: inline-block; 
 
    width: 5em; 
 
    } 
 
    </style> 
 
</head> 
 
<body> 
 
    
 
<p><a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover 
 
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p> 
 
<p>But as it's not a native tooltip, it can be styled. Any themes built with 
 
<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI&apos;s theme builder application">ThemeRoller</a> 
 
will also style tooltips accordingly.</p> 
 
<p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p> 
 
<p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p> 
 
<p>Hover the field to see the tooltip.</p> 
 
    
 
    
 
</body> 
 
</html>

источник

2015-12-28 13:06:21 raBne

Это покажет вам какой-нибудь текст при наведении курсора мыши на ссылку:

<a href="http://www.google.com" title="This is Google"> google </a>

источник

2015-12-28 13:04:45 CoderPi

Да, я знаю о том, что один, но я определенно нужен JS – joki00

@ joki00 описать то, что должно выглядеть как – CoderPi

простой, с 1 предложением «info», например, с опцией заголовка HTML – joki00

JS Mouseover, парить

ответ

Смежные вопросы