javascript - CSS3 - 制作一个简单的点击下拉菜单

标签 javascript jquery css drop-down-menu

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 9 年前

有人可以帮我编写与此页面相同的下拉菜单的代码吗?

http://uk.fjordblink.com/presentation/

我想做同样的事情,完全一样的事情。

所以我得到了它背后的 CSS,例如。 #PresentationContainer .Pointer .PointerContent 但是,我似乎无法使下拉菜单具有向下滑动的效果。

此外,当单击该框时,我似乎无法使文本和图片显示在下拉列表中。是否涉及到一些 php?

提前致谢:)

最佳答案

看起来该站点正在使用 Jquery 来执行交互和动画。你可以这样做:

$('#button_id').on('click', clickButton);    
function clickButton()
{
  $(this).stop().slideToggle();
}

button_id 是您页面上用户将要点击的元素的 ID。

有关 jquery slideToggle 的更多信息:http://api.jquery.com/slidetoggle/

关于javascript - CSS3 - 制作一个简单的点击下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21049419/

上一篇:html - 将 div 标记放在图像的右下角

下一篇:jquery - 如何一步步改变颜色

相关文章:

php - 在 php 脚本中嵌入 Web 浏览器

php - 下拉 Bootstrap 菜单未在网页上填充

javascript - 在父模板外渲染 ember 组件

html - 在保持宽高比的同时将标题定位在图像边框内

javascript - 尝试使用 jQuery 更改语言

javascript - 无法加载 Bootstrap 轮播

javascript - 重新创建文本动画(来源内)

javascript - 如何在 jQuery 中获取 AJAX 数据?

html - 颜色主体设置为自动更改边距

javascript - 通过 javascript 单击按钮时,VB 代码不会触发