これは、従来の JavaScript を使用した水平メニューです。
function createcssmenu()
{
var ultags = document.getElementById("navmenu").getElementsByTagName("ul");
for (var t = 0; t < ultags.length; t++)
{
ultags[t].style.top = ultags[t].parentNode.offsetHeight -1 + "px";
ultags[t].parentNode.onmouseover = function()
{
this.style.zIndex = 100;
this.getElementsByTagName("ul")[0].style.visibility = "visible";
this.getElementsByTagName("ul")[0].style.zIndex = 0;
}
ultags[t].parentNode.onmouseout = function()
{
this.style.zIndex = 0;
this.getElementsByTagName("ul")[0].style.visibility = "hidden";
this.getElementsByTagName("ul")[0].style.zIndex = 100;
}
}
}
if (window.addEventListener)
window.addEventListener("load", createcssmenu, false);
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu);
jQuery構文を使用して書き直す必要があります。
これは私が来たところです:
$(document).ready(function ()
{
$('#navmenu ul').css('top', $('#navmenu ul').parent().height() - 1 + "px");
$('#navmenu ul').parent().bind('mouseover', function ()
{
$(this).css('z-index', 100);
$('#navmenu ul').css({ 'visibility': 'visible', 'z-index': 0 });
});
$('#navmenu ul').parent().bind('mouseout', function ()
{
$(this).css('z-index', 0);
$('#navmenu ul').css({ 'visibility': 'hidden', 'z-index': 100 });
});
});
正しく動作しません。
相変わらずLINEに困っていthis.getElementsByTagName("ul")[0]
ます。
JSfiddle http://jsfiddle.net/sublay/HCajr/を見てください。
通常のメニューで動作するはずです。
ありがとうございました!