search

Home >Web Front-end >JS Tutorial >jsp js move the mouse to the specified area to display the tab when leaving the hide example_javascript skills

jsp js move the mouse to the specified area to display the tab when leaving the hide example_javascript skills

WBOY
WBOYOriginal
2016-05-16 17:32:121504browse

-1. The complete code of the navigation menu that pops up on the right

Copy the code The code is as follows:





右侧弹出导航菜单－－柯乐义




分类导航



按网站类别



企业建站











韩国男装











韩国童装











按品牌选货



热销推荐











网站建设











网站程序











其他网站




按价格选货



低端价位











中高端价位











超值特价区


现货区







0、下方弹出导航菜单代码
复制代码 代码如下:




css+div+js下拉菜单导航--柯乐义








  • CMS
    KeleyiCMS Update

    Ke Leyi message board introduction







    • 1.
    Copy codeThe code is as follows:





    无标题文档




    选项一









    选项二







    Option three






    Option 4











    2. For tabs, use
    • the first
    • the second

    Copy code The code is as follows:



    3.
    Copy code The code is as follows:

    < script type="text/javascript">
    function displaySubMenu(ITstudy_cn) {
    var subMenu = document.getElementById(ITstudy_cn);
    subMenu.style.display = "block";
    }
    function hideSubMenu(ITstudy_cn) {
    var subMenu = document.getElementById(ITstudy_cn);
    subMenu.style.display = "none";
    }

    < ;style>
    * { padding:0; margin:0;}
    body { text-align: center; font-family: "宋体",arial;border: 0; background: #FFF; font-size :12px; color:#000;}
    /* Header drop-down menu*/
    #navigation {
    margin:2px;
    }
    #navigation, #navigation li ul {
    list-style-type:none;
    }
    #navigation li {
    float:left; text-align:center; position:relative;
    }
    #navigation li a:link , #navigation li a:visited {
    display:block; text-decoration:none;
    }
    #navigation li a:hover {
    color:#fff; background:#2687eb;
    }
    #navigation li ul li a:hover {
    color:#990000; background:#d6ecfd; text-decoration:underline;
    }
    #navigation li ul {
    display: none; position:absolute; width:90px;
    top:13px; left:-45px; padding:5px; border:1px solid #d6ecfd;background-color:#f2f9fe;
    }



    Statement：
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Previous article：JS method to control the input character limit of text area textarea_javascript skillsNext article：JS method to control the input character limit of text area textarea_javascript skills

    Related articles

    See more