谁能帮忙提取一段js呢?

2012 年 8 月 31 日
 joynic


果壳网导航栏那个“主题站”弹出菜单的js应该怎么写呢?
6068 次点击
所在节点    JavaScript
18 条回复
NemoAlex
2012 年 8 月 31 日
没看出这东西有什么奇特之处
linuz
2012 年 8 月 31 日
jquery tab插件就能实现
rlog
2012 年 8 月 31 日
这个js就一句话, 关键是html和css要写好.
FuryBean
2012 年 8 月 31 日
参见这个讨论:http://stackoverflow.com/questions/625920/jquery-popup-bubble
Poshy Tip jQuery Plugin应该能解决楼主的问题。
majia000
2012 年 8 月 31 日
这不是最简单的JS Tab切换效果吗?
litten
2012 年 8 月 31 日
这个,最简单的做法就是了解css的显示(display:block;)和隐藏(display:none)。
点击tab的时候,js动态改变display值不就行了。如果只想简单实现,建议不要用插件这么大的东西。
bitsmix
2012 年 8 月 31 日
前来鄙视伸手党
wezzard
2012 年 9 月 1 日
這種效果微軟的官方網站10多年前就有了,單純的Javascript就能實現,我覺得樓主還是自己多想想吧,伸手黨不是走工程師長遠的道路。
raullf
2012 年 9 月 1 日
css 里实现的
ajoop
2012 年 9 月 1 日
我如何才能在V2EX发布主题?
shuaige
2012 年 9 月 1 日
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 年 9 月 2 日
同是伸手党,这回给个大至的方向,仅供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>
ollama
2012 年 9 月 2 日
诶,能说什么。
bitsmix
2012 年 9 月 2 日
@kojp 你这个 js 的效率好低。
atom
2012 年 9 月 2 日
@bitsmix 能提示下高版本要如何书写?
joynic
2012 年 9 月 2 日
@kojp 谢谢^_^

感谢大家的帮助,因为自己不懂技术,每次都是需要什么就去搜索,实在搜索不到明确的答案只能请教大家。伸手党心里总是很惭愧。
fanzheng
2012 年 9 月 2 日
发现果壳首页顶部那个拉下来冷知识那个比较酷。
lcxz
2012 年 9 月 2 日
直接用css写,伪类hover

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/46580

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX