Доброго времени суток, господа форумчане.
Собственно "песочница", учусь, изобретаю велосипед и до кучи простейшее js-меню выпадающее по onmouseover.
Скрытый текст |
---|
script.js
Код |
---|
var jshover = function() {
var sfEls = document.getElementById("web-blue-tabs-menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++)
{
sfEls[i].onmouseover=function()
{
this.className+=" jshover";
//добавляем=======================
clearTimeout($.data(this,'timer'));
$('ul',this).stop(true,true).slideDown(200);
//===============================
}
sfEls[i].onmouseout=function()
{
this.className=this.className.replace(new RegExp(" jshover\\b"), "");
//добавляем=======================
$.data(this,'timer', setTimeout($.proxy(function() {
$('ul',this).stop(true,true).slideUp(200);
}, this), 100));
//===============================
}
}
}
if (window.attachEvent)
window.attachEvent("onload", jshover);
|
|
Казалось бы в темплэйте меню формируется как
Скрытый текст |
---|
template.php
Код |
---|
<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
<?if (!empty($arResult)):?>
<div class="image-load-left"></div>
<div class="image-load-right"></div>
<div class="image-load-bg"></div>
<div class="web-blue-tabs-menu" id="web-blue-tabs-menu">
<ul>
<?foreach($arResult as $arItem):?>
<?if ($arItem["PERMISSION"] > "D"):?>
<li<?if ($arItem["SELECTED"]):?> class="selected"<?endif?>><a href="<?=$arItem["LINK"]?>"><nobr><?=$arItem["TEXT"]?></nobr></a></li>
<?endif?>
<?endforeach?>
</ul>
</div>
<div class="menu-clear-left"></div>
<?endif?>
|
|
Судя по всему я что-то упускаю из виду... поскольку такой вот онмаусовер слайд не срабатывает.
Благодарен за любые советы, с ув. Yurant.