显示标签式内容

时间:2012-10-09 01:07:16

标签: javascript jquery css

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

我的意思的一个例子显示在这个页面上:http://www.iflexion.com/如果你看看他们的主滑块下面的部分,你可以鼠标悬停“解决方案”,“服务”等,内容将秀。

我很想找到一个关于如何实现这一目标的示例教程,但我不确切地知道在功能上调用什么来了解要查找的内容。我看过一些标签显示,比如JQuery,但它并不完全像这个。

任何人都有任何想法,如果他们使用我可以查找的东西,或者这种类型的功能被称为什么,所以我可以查找更准确的例子?

1 个答案:

答案 0 :(得分:1)

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

然后进行以下修改:

  • 将其修改为垂直滚动
  • 通过onhover调用滚动而不是onclick
  • 调用.insertAfter()( http://api.jquery.com/insertAfter/)在当前活动块之后插入块。然后你就可以开始滚动了。

然后,您将获得始终从div底部弹出的内容的效果