[英]red line hover effect on navigation javascript
我在頁眉和頁腳導航上有一個主導航。 但是我只會在頁眉和頁腳導航上放置主要導航。 但是,如果推出頁腳導航,則主導航“紅線”懸停效果將不起作用,因為主導航與頁腳導航有關,我不知道出了什么問題。
這是我的測試站點:
http://topkosmetikstudios.de/release/index.php?article_id=1
這是我的JavaScript代碼:
function header_menu_line() {
"use strict";
var $el, leftPos, newWidth;
$("#magic-line").remove();
$("#main_menu").append("<li id='magic-line'></li>");
var $magicLine = $("#magic-line");
$magicLine
.width($(".current_menu_ancestor").width())
.css("left", $(".current_menu_ancestor a").position().left)
.data("origLeft", $magicLine.position().left)
.data("origWidth", $magicLine.width());
$("#main_menu > li").hover(function() {
$el = $(this).find("a");
leftPos = $el.position().left;
newWidth = $el.parent().width();
$magicLine.stop().animate({
left: leftPos,
width: newWidth
}, 300);
}, function() {
$magicLine.stop().animate({
left: $magicLine.data("origLeft"),
width: $magicLine.data("origWidth")
}, 300);
});
}
我會檢查您定位到.current_menu_ancestor的位置,也在頁腳中使用該類,並且您沒有針對頁眉專門定位; 可能有東西扔了。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.