Новичок
Профиль
Группа: Участник
Сообщений: 32
Регистрация: 15.6.2008
Репутация: нет
Всего: нет
|
Сейчас показывается та вкладка, на которую в последней раз навел мышкой. Как сделать, чтобы если пользователь отвел мышку - показывается вкладка по умолчанию (у которой класс current)?  | Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="tabs.js"></script>
<style type="text/css">
/* <![CDATA[ */
* {margin: 0; padding: 0;}
body {margin: 30px; font: 13px/1.5 "Trebuchet MS", Tahoma, Arial;}
a {color: #0094D6;}
p {padding: 7px 0;}
h1 {font-size: 21px; font-weight: normal; margin: 0 0 30px;}
.section {
width: 600px;
background: #EFEFEF;
margin: 0 0 30px;
}
ul.tabs {
height: 28px;
line-height: 25px;
list-style: none;
border-bottom: 1px solid #DDD;
background: #FFF;
}
.tabs li {
float: left;
display: inline;
margin: 0 1px -1px 0;
padding: 0 13px 1px;
color: #777;
cursor: pointer;
background: #F9F9F9;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #F9F9F9;
position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
color: #F70;
padding: 0 13px;
background: #FFFFDF;
border: 1px solid #FFCA95;
}
.tabs li.current {
color: #444;
background: #EFEFEF;
padding: 0 13px 2px;
border: 1px solid #D4D4D4;
border-bottom: 1px solid #EFEFEF;
}
.box {
display: none;
border: 1px solid #D4D4D4;
border-width: 0 1px 1px;
background: #EFEFEF;
padding: 0 12px;
}
.box.visible {
display: block;
}
.section.vertical {
width: 440px;
border-left: 160px solid #FFF;
}
.vertical .tabs {
width: 160px;
float: left;
display: inline;
margin: 0 0 0 -160px;
}
.vertical .tabs li {
padding: 0 13px;
margin: 0 0 1px;
border: 1px solid #E4E4E4;
border-right: 1px solid #F9F9F9;
width: 132px;
height: 25px;
}
.vertical .tabs li:hover {
width: 131px;
}
.vertical .tabs li.current {
width: 133px;
color: #444;
background: #EFEFEF;
border: 1px solid #D4D4D4;
border-right: 1px solid #EFEFEF;
margin-right: -1px;
}
.vertical .box {
border-width: 1px;
}
/* ]]> */
</style>
</head>
<body>
<div class="section vertical">
<ul class="tabs">
<li class="current">Первая вкладка</li>
<li>Вторая вкладка</li>
<li>Третья вкладка</li>
<li>Червертая вкладка</li>
</ul>
<div class="box visible">
<p>Локаята принимает во внимание онтологический закон исключённого третьего,
открывая новые горизонты. Идеи гедонизма занимают центральное место в утилитаризме Милля и
Бентама, однако гегельянство поразительно. Отношение к современности амбивалентно творит
интеллект, изменяя привычную реальность.</p>
<p>Апостериори, созерцание понимает под собой позитивизм, однако Зигварт
считал критерием истинности необходимость и общезначимость, для которых нет никакой опоры в
объективном мире. Закон исключённого третьего, следовательно, абстрактен. Катарсис рефлектирует
трагический знак, открывая новые горизонты.</p>
</div>
<div class="box">
<p>Закон внешнего мира, как принято считать, реально рассматривается знак,
отрицая очевидное. Гегельянство творит катарсис, хотя в официозе принято обратное. Апперцепция
подчеркивает смысл жизни, ломая рамки привычных представлений. Представляется логичным, что
адживика откровенна.</p>
<p>Априори, закон внешнего мира принимает во внимание естественный гедонизм,
ломая рамки привычных представлений. Концепция реально творит гедонизм, учитывая опасность,
которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего
движения.</p>
<p>Созерцание осмысляет трансцендентальный бабувизм, хотя в официозе принято
обратное. Бабувизм абстрактен. Знак, следовательно, понимает под собой субъективный язык
образов, ломая рамки привычных представлений. Деонтология непредвзято подчеркивает даосизм,
при этом буквы А, В, I, О символизируют соответственно общеутвердительное, общеотрицательное,
частноутвердительное и частноотрицательное суждения.</p>
</div>
<div class="box">
<p>Структурализм, как следует из вышесказанного, заполняет из ряда вон
выходящий дуализм, однако Зигварт считал критерием истинности необходимость и общезначимость,
для которых нет никакой опоры в объективном мире. Суждение осмысляет интеллект, однако Зигварт
считал критерием истинности необходимость и общезначимость, для которых нет никакой опоры в
объективном мире.</p>
<p>Сомнение, по определению, непредвзято заполняет знак, изменяя привычную
реальность. Современная ситуация, следовательно, подрывает трагический смысл жизни, однако
Зигварт считал критерием истинности необходимость и общезначимость, для которых нет никакой
опоры в объективном мире. Гносеология категорически порождает и обеспечивает непредвиденный
смысл жизни, отрицая очевидное.</p>
</div>
<div class="box">
<p>Деонтология создает примитивный даосизм, открывая новые горизонты. Даосизм,
как принято считать, амбивалентно представляет собой примитивный структурализм, не учитывая
мнения авторитетов. Предмет деятельности транспонирует язык образов, учитывая опасность,
которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего
движения.</p>
<p>Даосизм, по определению, создает здравый смысл, учитывая опасность, которую
представляли собой писания Дюринга для не окрепшего еще немецкого рабочего движения.
Сомнение, следовательно, преобразует гений, ломая рамки привычных представлений. Сомнение
трогательно наивно.</p>
<p>Жизнь откровенна. Предмет деятельности, как следует из вышесказанного,
абстрактен. Искусство, как следует из вышесказанного, нетривиально. Гетерономная этика
непредвзято понимает под собой смысл жизни, при этом буквы А, В, I, О символизируют
соответственно общеутвердительное, общеотрицательное, частноутвердительное и
частноотрицательное суждения.</p>
<p>Здравый смысл, как принято считать, творит бабувизм, отрицая очевидное.
Суждение, следовательно, амбивалентно. Искусство, по определению, подчеркивает данный
позитивизм, открывая новые горизонты. Единственной космической субстанцией Гумбольдт считал
материю, наделенную внутренней активностью, несмотря на это заблуждение рефлектирует
субъективный дуализм, не учитывая мнения авторитетов.</p>
</div>
</div><!-- .section -->
</body>
</html>
|
| Код |
(function($) {
$(function() {
$('ul.tabs').delegate('li:not(.current)', 'hover', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
})
})
})(jQuery)
|
|
Помогите модернизировать скирпт табуляции 
Загрузка ...
