谁能帮忙提取一段js呢?

2012-08-31 13:28:43 +08:00
 joynic


果壳网导航栏那个“主题站”弹出菜单的js应该怎么写呢?
4535 次点击
所在节点    JavaScript
18 条回复
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>
lanisle
2012-09-02 02:38:34 +08:00
诶,能说什么。
bitsmix
2012-09-02 02:51:26 +08:00
@kojp 你这个 js 的效率好低。
atom
2012-09-02 07:41:04 +08:00
@bitsmix 能提示下高版本要如何书写?
joynic
2012-09-02 11:05:53 +08:00
@kojp 谢谢^_^

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

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

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

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

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

© 2021 V2EX