我是 jQuery 新手,正在学习 jQuery 概念。目前,我正在尝试设计一个包含长列表项的自定义下拉菜单。我想在将鼠标悬停在主菜单上时滚动菜单。我正在尝试使用描述的 jquery 滚动菜单自定义 CSShere http://css-tricks.com/examples/LongDropdowns/焕然一新的外观和感觉。
我已经尝试过该脚本,但发现其中存在一些问题。你可以在jsfiddle中查看here http://jsfiddle.net/bUxDE/1/。当初始鼠标悬停到第一个列表项时,下拉列表项根本不显示(在初始页面加载中)。其次,第二级 UL 项的宽度被隐藏。
任何人都可以检查小提琴并纠正它吗?另外,请告诉我我哪里做错了,以便我以后改正。
提前致谢。 :)
看看这个也许有帮助
ul.dropdown li:last-child a
{
border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
background: #F3D673;
color: black;
position: relative;
z-index:1;
}
ul.dropdown li a:hover{background: #F3D673;}
JQuery:
.mousemove(function(e) {
var offset = $container.offset();
var relativeY = ((e.pageY - offset.top) * multiplier) - ($container.data("origHeight") * multiplier)+50;
if (relativeY > $container.data("origHeight")) {
$list.css("top", -relativeY);
$list.css("zIndex", "-1"); //add this line
};
});
DEMO http://jsfiddle.net/bUxDE/22/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)