gpt4 book ai didi

javascript - 显示类似标签的内容

转载 作者:行者123 更新时间:2023-11-28 18:35:42 28 4
gpt4 key购买 nike

我正在尝试在我的页面上创建一个部分,允许用户将鼠标悬停或单击类似选项卡的标题,并使其内容滚动显示在下方。

此页面上显示了我的意思的示例:http://www.iflexion.com/如果您查看其主 slider 下方的部分,您可以将鼠标悬停在“解决方案”、“服务”等上方,然后将显示内容。

我很想找到一个关于如何完成此操作的示例教程,但我不确切地知道函数调用的具体内容以了解要查找的内容。我看过一些选项卡显示,例如 JQuery 的,但并不完全像这个。

任何人都知道他们是否使用了我可以查找的东西,或者这种类型的功能被称为什么以便我可以查找更准确的示例?

最佳答案

你可以从这个开始: http://blogs.msdn.com/b/thebeebs/archive/2010/11/10/how-to-create-an-awesome-scrolling-navigation-using-jquery.aspx

然后做如下修改:

  • 修改为垂直滚动
  • 通过悬停而不是点击来调用滚动
  • 调用 .insertAfter() ( http://api.jquery.com/insertAfter/ ) 在当前事件 block 之后插入 block 。然后您就可以开始滚动了。

然后你会得到内容总是从div底部弹出的效果

关于javascript - 显示类似标签的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12791533/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com