jquery - 为这个下拉代码添加一个 jquery 效果

标签 jquery css drop-down-menu

<分区>

我有这个下拉代码,效果很好,它做了一个简单的显示。但是,我想添加一个简单的 jQuery 效果,如 slideDown。我将如何添加它?

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
{  window.clearTimeout(closetimer);
   closetimer = null;}}

$(document).ready(function()
{  $('#jsddm > li').bind('mouseover', jsddm_open)
   $('#jsddm > li').bind('mouseout',  jsddm_timer)});

document.onclick = jsddm_close;

谢谢。

最佳答案

将 jsddm_open 和 jsddm_close 函数替换为以下内容: 对于 [速度],您可以使用“慢”、“快”、“正常”或毫秒数来表示效果。

function jsddm_open()
{
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('ul').show([speed],[callback]);
}

function jsddm_close()
{
    if(ddmenuitem)
        ddmenuitem.hide([speed]);
}

关于jquery - 为这个下拉代码添加一个 jquery 效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11616918/

上一篇:html - 设置html表格td的宽度

下一篇:jquery - IE7 不捕获 jQuery 点击子选择器

相关文章:

javascript - 定义回调并立即触发一次的最佳方式?

javascript - 使用列表中子元素值的 attr 更改 div 类的 css

excel - 从excel vba中的下拉列表中选择特定项目

html - 让 Chrome 中的 **所有** 网站拉伸(stretch)其内容以实际适应屏幕宽度(如 : remove all horizontal space on left/right of ALL pages)

c# - Chrome 和 Safari 中的 DropDownList 工具提示

javascript - 从文本文件填充 HTML 下拉列表

javascript - 在客户端使用 jquery 将图片上传大小限制为 20kb

javascript - onclick,如何隐藏 <div> 并显示其后面的内容?

html - 如何降低 ionic 段按钮的高度

javascript - 我的 anchor 文本突然无法点击