jQuery .hover
Не могу понять что не правильно... всё по примеру вроде делал...
<script>
$( "#start" ).hover(
$("#desof_pan").show(),
$("#desof_pan").hide(); );
</script>
Hover не работает |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('#foo').hover(
function(){
$(this).text('Курсор на объекте')
},
function(){
$(this).text('Курсор вне объекта');
});
});
</script>
</head>
<body>
<div id="foo">Наведи мышку и получи фишку!</div>
</body>
</html>
|
laimas,
мне нужно чтобы при наведении на #start появлялся #desof_pan и при отведении исчезал Поможешь? AAAAA? всё разобрался
<script>
$(function() {
$('#aa').hover(
function(){
$("#dd").show()
},
function(){
$("#dd").hide();
});
});
</script>
|
vuchastyi,
Попробуй быстро поводить по ссылке туда-суда теперь. |
Маууупа,
должны быть какие-то недостатки... я понял.. Объясни как лучше сделать... |
Для скрыть/показать лучше не использовать метод .hover(), лучше использовать .mouseenter() и .mouseleave().
|
laimas,
и что изменяется? |
vuchastyi,
Цитата:
|
Ну по сути самой ничего, если иметь ввиду сами события (hover и связывает два этих события вместе). Но когда дело касается визуализации, мало указать только эффект, бывает необходимо запустить ее по событию у текущего элемента и здесь же прекратить у других.
А то что вы хотите сделать, так это проще посредством CSS описать. |
vuchastyi,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
#aa{
height: 26px;
background-color: #FF00FF;
cursor: default;
}
#dd{
height: 100px;
background-color: RoyalBlue;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var $a = $('#aa'), $d = $('#dd');
$a.mouseenter(
function(){
$d.stop(true,true).delay(500).animate({height : 'show'});
}).mouseleave( function(){
$d.stop(true,true).delay(500).animate({height : 'hide'});
})
$d.hide();
});
</script>
</head>
<body>
<div id="aa">Наведи мышку и получи фишку!</div>
<div id="dd">test</div>
</body>
</html>
|
рони,
вау это круто, большое спасибо) |
рони,
реально круто, спасибо) |
рони,
помоги, http://vuchastyi-igor.esy.es/ когда я нахожусь в #portfolio то .hover уже не работает, что может быть неправильным? |
vuchastyi,
div#first скрыт а ваш hover только для первого блока в #second нет .desof... |
рони,
спасибо, я так и знал что в desof что-то не так.. добавил desof_pan4,5,6 всё заработало, спасибо! |
рони,
эммм... ещё рдин вопросик, вот у меня страницы /, #portfolio, #contacts; они как бы сказать... если я напишу адресс: http://vuchastyi-igor.esy.es/#Portfolio то всеравно будет грузиться http://vuchastyi-igor.esy.es/ почему они не грузятся как должны? Или как для каждого дива сделать отдельную страницу чтоб если я пишу в поиске http://vuchastyi-igor.esy.es/#Portfolio то грузилось Portfolio а не Home |
http://vuchastyi-igor.esy.es и http://vuchastyi-igor.esy.es/#Portfolio, это и есть одна и та же страница, #Portfolio - это я корь на странице, переход внутри ее.
|
vuchastyi,
смотрите настройки вашего одностраничного плагина, там наверняка что-то есть для перехода по якорю -- при загрузке страницы запустить ваш плагин |
рони,
laimas, спасибо, попробую разобраться |
| Часовой пояс GMT +3, время: 01:20. |