谁能帮忙提取一段js呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 4449 天前的主题，其中的信息可能已经有所发展或是发生改变。

果壳网导航栏那个“主题站”弹出菜单的js应该怎么写呢？

果壳

菜单

18 条回复 • 1970-01-01 08:00:00 +08:00

NemoAlex

2012-08-31 14:35:47 +08:00

没看出这东西有什么奇特之处

linuz

2012-08-31 14:36:26 +08:00

jquery tab插件就能实现

rlog

2012-08-31 15:44:48 +08:00

这个js就一句话, 关键是html和css要写好.

FuryBean

2012-08-31 15:49:29 +08:00

参见这个讨论：http://stackoverflow.com/questions/625920/jquery-popup-bubble
Poshy Tip jQuery Plugin应该能解决楼主的问题。

majia000

2012-08-31 16:40:31 +08:00

这不是最简单的JS Tab切换效果吗？

litten

2012-08-31 19:11:02 +08:00

这个，最简单的做法就是了解css的显示(display:block;)和隐藏(display:none)。
点击tab的时候，js动态改变display值不就行了。如果只想简单实现，建议不要用插件这么大的东西。

bitsmix

2012-08-31 20:52:21 +08:00

前来鄙视伸手党

wezzard

2012-09-01 19:25:09 +08:00

這種效果微軟的官方網站10多年前就有了，單純的Javascript就能實現，我覺得樓主還是自己多想想吧，伸手黨不是走工程師長遠的道路。

raullf

2012-09-01 19:38:56 +08:00

css 里实现的

ajoop

2012-09-01 20:26:15 +08:00

我如何才能在V2EX发布主题？

shuaige

2012-09-01 21:39:27 +08:00

JS实现添加
onmouseover="document.all.hehe.style.display='block'" onmouseout="document.all.hehe.style.display='none'"

这种效果用CSS吧

div里添加一个display:none;隐藏div，鼠标经过(属性/标记:hover)则是display:block;显示div
直接用果壳的标记属性，你可以在chrome下参考果壳代码，懂不懂就看你了，希望你能看得懂。
#mMenu div{
display:none;
...
...
...
}

#mMenu:hover div{
display:block;
...
...
...
}

@ajoop 首页，滚动到页脚节电导航，进入节点都有一个创建新主题

kojp

2012-09-02 02:30:15 +08:00

同是伸手党，这回给个大至的方向，仅供LZ参考。
css:
#menu li ul{display:"none"}
js:
$("#menu li:eq(0)").bind("mouseover",function(){$("#menu li:eq(0)>ul").css("display","block");});
html:
<div id="menu">
<li><a href="#">Topic Sites</a>
<ul>
<li></li>
</ul>

</li>
<li>Groups</li>
...

</div>