谁能帮忙提取一段js呢？

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 5183 days ago, the information mentioned may be changed or developed.

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

果壳

菜单

18 replies • 1970-01-01 08:00:00 +08:00

NemoAlex

Aug 31, 2012

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

linuz

Aug 31, 2012

jquery tab插件就能实现

rlog

Aug 31, 2012

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

FuryBean

Aug 31, 2012

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

majia000

Aug 31, 2012

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

litten

Aug 31, 2012

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

bitsmix

Aug 31, 2012

前来鄙视伸手党

wezzard

Sep 1, 2012

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

raullf

Sep 1, 2012

css 里实现的

ajoop

Sep 1, 2012

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

shuaige

Sep 1, 2012

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

Sep 2, 2012

同是伸手党，这回给个大至的方向，仅供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>