Tag: 菜单

让Lavalamp jQuery插件与下拉菜单一起使用？: 我有一个jQuery Lavalamp插件的问题。它与单级菜单完美配合，但在添加下拉列表后，它会有点丢失。这就是我的意思： http ： //screenr.com/0fS 。当然，我想要实现的是，当用户将鼠标hover在子项目上时，lavalamp背景将保留在Portfolio项目上。我想这是一个稍微改变插件的问题，所以这里是插件的完整代码。所需要的只是一种简单的方法，让lavalamp在当前阶段停止，当的孩子们徘徊，然后恢复正常工作。这是完整的插件代码供参考！ (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: “linear”, speed: 500, click: function(){} }, o || {}); return this.each(function() { var me = $(this), noop = function(){}, $back = $(”).appendTo(me), $li = $(“li”, this), curr = $(“li.current”, this)[0] || $($li[0]).addClass(“current”)[0]; […]

WordPress下拉菜单点击打开: 我正在尝试创建一个单击时打开的wordpress下拉菜单。当你选择一个post并且页面加载该post时它应该保持打开状态。问题是我正在使用自定义菜单项链接，它链接到任何内容（“＃”）只是为了使它们可以点击。单击“可点击的第二级标题项”时菜单打开，但“第三级post”上的链接不起作用，而是单击它时菜单关闭。 HTML： Main menu title item Post 1st lvl Post 1st lvl Post 1st lvl Post 1st lvl Clickable 2nd level title item Post 3rd lvl Post 3rd lvl Post 3rd lvl jQuery的： $(‘#menu-header ul.sub-menu li.second:not(“.third”)’).toggle(function() { $(this).find(‘ul.sub-menu:first-of-type’) .stop(true, true).delay(50).show(“slow”); }, function(){ $(this).find(‘ul.sub-menu:first-of-type’) .stop(true, true).delay(150).animate({ “height”: “hide”, “opacity”: “hide” }, 400 ); […]

如果选择了子菜单，则展开父菜单: 我有一个带子子菜单的菜单。我面临的问题是，无论何时我在页面加载后选择子菜单，菜单都会崩溃。我想打开扩展的父菜单。 HTML代码是： Home Products Product 1 Sub Product Sub Product Product 2 Sub Product Sub Product About Contact JS是： jQuery(document).ready(function () { jQuery(‘#cssmenu’).on(“click”,”li.has-sub .holder”,function () { var element = jQuery(this).parent(‘li’); if (element.hasClass(‘open’)) { element.removeClass(‘open’); element.find(‘li’).removeClass(‘open’); element.find(‘ul’).slideUp(); } else { element.addClass(‘open’); element.children(‘ul’).slideDown(); element.siblings(‘li’).children(‘ul’).slideUp(); element.siblings(‘li’).removeClass(‘open’); element.siblings(‘li’).find(‘li’).removeClass(‘open’); element.siblings(‘li’).find(‘ul’).slideUp(); } }); jQuery(‘#cssmenu ul li.has-sub’).prepend(”); }); 如果选择子菜单，如何展开父菜单。小提琴 […]

向下滚动页面时如何使徽标出现在固定菜单中: 在我的网站上我有一个菜单，当你向下滚动到100像素时，菜单将自己固定在浏览器的顶部（顶部：0px;位置：固定;）。然而，我需要的是，当菜单处于其原始位置（顶部：100px;位置：相对）时，左侧菜单中的小徽标不显示，但当用户向下滚动页面并且菜单修复为浏览器窗口的顶部（顶部：0px;位置：固定;）我的代码如下。我试图做一个JSFiddle，但我不能复制我的html文件中的内容。 CSS #menu, #menu ul { margin: 0 auto; padding: 0; background-color: #FFFFFF; } #menu { display: table; width: 100%; list-style: none; position: relative; top: 0px; text-align: center; -webkit-box-shadow: 0px 3px 23px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 23px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 23px 0px rgba(50, […]

jQuery：如何仅在移动屏幕分辨率下隐藏下拉菜单？: 我正在创建一个CSS响应式网站。如何在移动屏幕分辨率下隐藏下拉菜单？并且在更大的分辨率下再次出现？（我是jQuery的新手）这是我的HTML： About Link 1 Link 2 Link 3 而我的jQuery： $(‘#menu li ul’).css({ display: “none”, }); $(‘#menu li’).hover(function() { $(this) .find(‘ul’) .stop(true, true) .slideDown(‘fast’); }, function() { $(this) .find(‘ul’) .stop(true,true) .fadeOut(‘fast’); });

CSS菜单与JavaScript菜单: 在制作下拉菜单时，有一些jQuery菜单，如superfish和纯CSS菜单。 JS菜单和CSS菜单之间有什么区别吗？我不需要onclick事件来覆盖默认锚点。我只需要能够点击菜单项，然后按照https://stackoverflow.com/questions/6688423/css-menu-vs-javascript-menu/…到另一页。

在菜单中添加一个类，然后使用jquery单击链接？: 我正在尝试使用jquery在我的css菜单中添加一个类，它添加了当您单击菜单项时选择的类但它实际上没有单击超链接。编辑：它添加了一个li类。但是当我点击它时，它什么也没做 HTML： Home About Contact jQuery的： $(function () { $(‘.topmenu a:link’).click(function (e) { e.preventDefault(); var $this = $(this); $this.closest(‘ul’).children(‘li’).removeClass(‘selected’); $this.parent().addClass(‘selected’); }); }); 我需要它点击链接一旦它分配了“选择”类，奇怪，因为手动点击似乎不起作用？ CSS： #nav { width: 100%; height: 30px; } nav a.current { display: block; margin: auto; width: 950px; } nav ul { list-style: none outside none; margin: 8px 0 0; } […]

简单的颜色FadeInhoverJquery与WordPress网站: 我希望在我的WordPress网站http://www.threecell.com/demo中加入以下Jquery Snippet（颜色淡入淡出）。下面的代码基于我如何将其适应当前菜单标签结构。我在我的functions.php文件中加载了Jquery。 $(document).ready(function(){ //Set the anchor link opacity to 0 and begin hover function $(“#menu-sample-menu li a”).hover(function(){ //Fade to an opacity of 1 at a speed of 200ms $(this).fadeOut(0).addClass(‘hover’).fadeIn(300); //On mouse-off }, function(){ //Fade to an opacity of 0 at a speed of 100ms $(this).fadeOut(300) .queue(function(){ $(this).removeClass(‘hover’).fadeIn(0).dequeue() }); }); }); 相关的菜单样式包括在这里： #access { […]

如何使用SlickNav创建固定标头: 我需要制作一个包含slicknav菜单的固定标题。这是JQuery插件的主页： http ： //slicknav.com/ 我知道如何制作一个slicknav菜单： http ：//jsbin.com/UqUloNO/4 我知道如何制作一个基本的固定标题： http ： //jsbin.com/AwEDura/1/ 但我不知道我怎么能把它们放在一起。这是我正在做的一个例子： http ：//jsbin.com/OzOgaFO/1/有固定的标题但是slicknav消失了。有人知道如何制作包含slicknav菜单的固定标题？谢谢！

使“jsddm”菜单列出子菜单: 你可以帮我制作这个jquery / css / menu还能显示第二级吗？这是代码： HTML JavaScript Drop Down Menu jQuery Plugin Ajax Navigation Effect Slide Effect Fade Effect Opacity Mode Drop Shadow Semitransparent Navigation HTML/CSS Help CSS #jsddm { margin: 0; padding: 0} #jsddm li { float: left; list-style: none; font: 12px Tahoma, Arial} #jsddm li a { display: block; background: #20548E; padding: […]