на счет этого понял.
тока теперь снова при повторном наведении на блок добро пожаловать он сам появляется без клика на кнопку.
ни один блок не должен появляться без клика.
остальное как надо
ВО!!!!! я у вас в коде
$("#submenu").mouseenter(function(){
clearTimeout(StTimer);
$(this).stop(true,true);
doid_1_SHOW();
}).mouseleave(function(){
doid_1_HIDE();
});
стер doid_1_SHOW(); и получилось как надо!
$("#submenu").mouseenter(function(){
clearTimeout(StTimer);
$(this).stop(true,true);
}).mouseleave(function(){
doid_1_HIDE();
});
теперь вроде работает все, вот посмотрите.., только не знаю как пошире окно предпросмотра сделать
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}
#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
background:#efeff0;
}
#menu .tabactive {
color: #000000;
background:#777777;
}
#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}
.submenutext {
display: none;
height: 40px;
}
</style>
<center><table style="width: 800px">
<tbody>
<tr>
<td valign=top>
<div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Новости форума</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Баннеры партнеров</span>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext"><br/><br/>текст добро пожаловать</div>
<div id="sm2" class="submenutext"><br /><br />текст новости форума</div>
<div id="sm3" class="submenutext"><br /><br />текст Администрация</div>
<div id="sm4" class="submenutext"><br /><br />текст баннеры партнеров</div>
</div>
</td>
</tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("#MenuTxT div.submenutext").hide();
$("#menu span").click(function() {
$("#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$(activeDiv).fadeIn();
StTimer = setTimeout(function() {doid_1_HIDE()}, 2000)
return false; });
});
//setTimeout(function() {$("#menu span:first").click();}, 300); //Это автозапуск первого блока
function doid_1_SHOW(){
activeDiv=$($("#menu span.tabactive").attr("alt"));
activeDiv.stop().fadeIn(1000);
}
function doid_1_HIDE(){
activeDiv=$($("#menu span.tabactive").attr("alt"));
activeDiv.stop().fadeOut(1000);
}
$("#submenu").mouseenter(function(){
clearTimeout(StTimer);
$(this).stop(true,true);
}).mouseleave(function(){
doid_1_HIDE();
});
</script>
