zoukankan      html  css  js  c++  java
  • 一段显示隐藏列表HTML代码

    一段显示隐藏列表HTML代码, 技巧在于把页面上的元素(“返回首页”)和控制显示/隐藏的元素(id=navs-menu)放在一个共同的div上,并在该div上绑定onmouseover和onmouseout事件!

    <pre>

    <DIV class="a">
    <DIV id=navs-wraper-v2 class="v2" onmouseover="document.getElementById('navs-menu').style.display='block'" onmouseout="document.getElementById('navs-menu').style.display='none'">
    <P id=return-homepage><A class="show-menu" href="http://bbs.pcbeta.com/">返回首页</A></P>
    <UL style="DISPLAY: none" id=navs-menu>
    <LI><A href="http://bbs.pcbeta.com/portal.php">首页</A></LI>
    <LI><A href="http://www.pcbeta.com/news">资讯</A></LI>
    <LI><A href="http://bbs.pcbeta.com/forum.php">论坛</A></LI>
    <LI><A href="http://hof.pcbeta.com/">名人堂</A></LI>
    <LI><A href="http://bbs.pcbeta.com/home.php">家园</A></LI>
    <LI><A href="http://www.pcbeta.com/apps/">应用界</A></LI>
    <LI><A href="http://mac.pcbeta.com">苹果</A></LI>
    <LI><A href="http://www.pcbeta.com/win8tech/">Win8技术</A></LI>
    <LI><A href="http://bbs.pcbeta.com/group.php">群组</A></LI>
    <LI><A href="http://bbs.pcbeta.com/windows8">Win8</A></LI>
    <LI><A href="http://search.discuz.qq.com/s/581326486/index.html">话题</A></LI></UL></DIV></DIV>
    <DIV class="b"></DIV>

    </pre>

     
  • 相关阅读:
    4、自定义菜单
    3、关注、取消关注 与 关键字回复
    2、自动回复消息
    1、接入公众平台
    java学习备忘录
    vue组件最佳实践
    js拉起或下载app
    angular1.5 Components
    Charlse 使用小记
    2016年终总结
  • 原文地址:https://www.cnblogs.com/wenwujuncheng/p/3521004.html
Copyright © 2011-2022 走看看