Помогите разобраться с this
Добрые люди, помогите разобраться с тем как работет срециальное слови this в js! Не могу в тулить!!!)))
К примеру обычный вып список: при наведении на текущий <li></li> выподал под список! |
Ну это можно и без JS сделать:
<html>
<head>
<style>
.submenu {
display: none;
}
.menu li:hover .submenu {
display: block;
}
</style>
</head>
<body>
<ul class="menu">
<li>1 Menu
<ul class="submenu">
<li>1 Submenu</li>
<li>2 Submenu</li>
<li>3 Submenu</li>
</ul>
</li>
<li>2 Menu
<ul class="submenu">
<li>1 Submenu</li>
<li>2 Submenu</li>
<li>3 Submenu</li>
</ul>
</li>
<li>3 Menu
<ul class="submenu">
<li>1 Submenu</li>
<li>2 Submenu</li>
<li>3 Submenu</li>
</ul>
</li>
</ul>
</body>
</html>
Ну а вообще хранит ссылку на текущий объект, как то так что ли) <a href="#" onmouseover="alert(this.id);" id="first">first</a><br /> <a href="#" onmouseover="alert(this.id);" id="second">second</a><br /> <a href="#" onmouseover="alert(this.id);" id="third">third</a><br /> |
Это понятно!!!! просто у меня подменю должны окрываться при помощи jquery:
$(document).ready(function () { $('ul li').hover( function () { //показать подменю $('ul', this).slideDown(500); }, function () { //скрыть подменю $('ul', this).slideUp(500); } ); где то так!!!!!!! |
а что не работает то ?
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$('ul.menu li').hover(function() {
$('ul', this).slideDown(500);
}, function() {
$('ul', this).slideUp(500);
});
});
</script>
<style>
.submenu {
display: none;
}
</style>
</head>
<body>
<ul class="menu">
<li>1 Menu
<ul class="submenu">
<li>1 Submenu</li>
<li>2 Submenu</li>
<li>3 Submenu</li>
</ul>
</li>
<li>2 Menu
<ul class="submenu">
<li>1 Submenu</li>
<li>2 Submenu</li>
<li>3 Submenu</li>
</ul>
</li>
<li>3 Menu
<ul class="submenu">
<li>1 Submenu</li>
<li>2 Submenu</li>
<li>3 Submenu</li>
</ul>
</li>
</ul>
</body>
</html>
|
Спасибо!!!
Я восемь лет занимался Delphi, сейчас начал web-прогр!! Если не сложно, как это работает! У меня есть база данных к примеру магазина по продаже автодеталей! при загрузке страници из базы формируеться в главный список марки в подсписок модели, мне нужно что бы при нажитии на марку открывался подсписок а при уходе из облости подсписка, он сворачивался! Спасибо!!!! |
| Часовой пояс GMT +3, время: 03:00. |