Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > body text

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

WBOY
Release： 2016-05-16 17:32:12
Original
1478 people have browsed it

-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;
    }



    Related labels：
    Tab mouse movement
    source：php.cn
    Previous article：JS method to control the input character limit of text area textarea_javascript skills Next article：A simple JS mouse hover effect specific method_javascript skills
    Statement of this Website
    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
    Latest Articles by Author
    Latest Issues
    Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
    From 2024-04-06 22:01:35
    0
    3
    816
    In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
    From 2024-04-06 19:23:03
    0
    1
    411
    CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}
    From 2024-04-06 19:25:49
    0
    1
    505
    CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
    From 2024-04-06 17:12:23
    0
    1
    336
    CSS bottom border on navigation bar I have a navigation bar and I have added a red line at the bottom when any item in the lis...
    From 2024-04-06 15:04:41
    0
    2
    347
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template