谁能帮忙提取一段js呢? - V2EX
joynic

谁能帮忙提取一段js呢?

  •  
  •   joynic Aug 31, 2012 5735 views /div>
    This topic created in 5006 days ago, the information mentioned may be changed or developed.


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

    感谢大家的帮助,因为自己不懂技术,每次都是需要什么就去搜索,实在搜索不到明确的答案只能请教大家。伸手党心里总是很惭愧。
    fanzheng
        17
    fanzheng  
       Sep 2, 2012
    发现果壳首页顶部那个拉下来冷知识那个比较酷。
    lcxz
        18
    lcxz  
       Sep 2, 2012
    直接用css写,伪类hover
    About     Help     Advertise     Blog     API     FAQ     Solana     3139 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 61ms UTC 03:14 PVG 11:14 LAX 20:14 JFK 23:14
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86