Darth LegiON,
:write: <!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.submenu{
display: none;
}
.menu_block{
cursor: pointer;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document)
.ready(function () {
var timer;
$(".menu_block").mouseenter(function(){
var a = this;
timer = window.setTimeout(function () {
$(".submenu", a).fadeIn(600);
}, 700)
}).mouseleave(function(){
window.clearTimeout(timer);
$(".submenu", this).delay(300).fadeOut(600);
});
});
</script>
</head>
<body>
<ul id="searchresult">
</ul>
<div class="menu_block">Диски<span class="submenu"> крутые</span></div>
</body>
</html>
|
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.submenu{
display: none;
}
.menu_block{
cursor: pointer;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function () {
$(".menu_block").mouseenter(function(){
var $elem = $(".submenu", this);
if ($elem.css('display') === 'none') {
$elem.stop(true).delay(700).fadeIn(600);
} else {
$elem.stop().animate({opacity:1}, 600);
}
}).mouseleave(function(){
$(".submenu", this).stop(true).delay(300).fadeOut(600);
});
});
</script>
</head>
<body>
<div class="menu_block">Диски<span class="submenu"> крутые</span>!</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 01:42. |