HTML+JS下拉菜单鼠标移入显示移出隐藏_html鼠标移上去有下拉框-程序员宅基地

技术标签: 前端开发  servlet  前端  html  javascript  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       .nav {
        list-style: none;
       }
       li{
        color: skyblue;
       }
       div{
        display: none;
       }
    </style>
</head>
<body>
    <ul class="nav">
        <li>菜单</li>
        <div><li>123</li>
        <li>456</li>
        <li>678</li></div>
    </ul>
    <script>
        var lis=document.querySelector('li');
        var div=document.querySelector('div');
        lis.onmousemove=function(){
            div.style.display='block';
        }
        lis.onmouseout=function(){
            div.style.display='none';
        }
    </script>
</body>
</html>

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_63381305/article/details/126984998

智能推荐

Caddy2 Go开发 高性能 配置简单 HTTPS_caddy 对websockets有-程序员宅基地

文章浏览阅读6.8k次。原文地址:http://i.scwy.net/go/2020/013117-caddy/Caddy是什么?在Caddy的官网上给出一个最简单的介绍:“Caddy是一个能自动创建HTTPS功能的HTTP/2网站服务器”。简单的一句话,突出了两大卖点,“自动创建HTTPS”和“HTTP/2”。caddy致力于成为一个易用的静态文件Web Server。Caddy的作者是来自美国的Matthew..._caddy 对websockets有

【Python】tkinter的简单使用(Tk对象、三大布局、变量、事件)_python tkinter 布局-程序员宅基地

文章浏览阅读2.9k次,点赞3次,收藏34次。tkinter是Python自带的标准库,无需额外安装,如果你的Python没有tkinter,请检查你的Python是否标准版。place布局既可以绝对布局也可以相对布局,灵活性非常高,可以直接指定元素的x、y的坐标(原点为窗口或父容器左上角),注意,如果元素位置有重叠,则后布局的元素会盖住前布局的元素。tkinter的元素控件或窗口都可以调用bind()、unbind()绑定、解绑事件,第一个参数是事件的描述,第二个参数是要回调的函数名。是对事件的修饰,比如说需要的辅助按键,双击还是三击等。_python tkinter 布局

vga转换html转换器接线,绿联HDMI转VGA转换器拆解测评-程序员宅基地

文章浏览阅读3.6k次。近年,随着高清接口越来越普及,老一代VGA接口开始逐步退出历史舞台。新近推出的电脑、主机基本取消了VGA输出接口,取而代之的是HDMI、DP、Type C等接口。对于现存的VGA接口显示终端,要想继续利用起来,必须的使用接口转换器。本文是网友关于绿联HDMI转VGA转换器的详细拆解。新电脑上都不带VGA口了,想用VGA得加一个HDMI转VGA的转换器,从网上买了一个绿联的转换器,网上搜索了一下也没..._vga转hdmi拆机

spring boot 整合 resteasy+fastjson_resteasy-fastjson-provider-程序员宅基地

文章浏览阅读2.6k次。一、resteasy简介RESTEasy是JBoss的一个开源项目,提供各种框架帮助你构建RESTful Web Services和RESTful Java应用程序。它是JAX-RS规范的一个完整实现并通过JCP认证。作为一个JBOSS的项目,它当然能和JBOSS应用服务器很好地集成在一起。但是,它也能在任何运行JDK5或以上版本的Servlet容器中运行。RESTEasy还提供一个RESTE_resteasy-fastjson-provider

对soc-audio体系snd_soc_machine和snd_soc_dai_link简单理解-程序员宅基地

文章浏览阅读517次。ASOC (ALSA system on chip) // 主要为嵌入式系统专门开发的sound管理体系结构[luther.gliethttp].Digital Audio Interface (DAI) types/* SoC machine */struct snd_soc_machine { // snd_soc_machin..._sound soc-audio

编写c语言测试系统,用C语言编写一个简单的"小学数学测试系统"-程序员宅基地

文章浏览阅读975次。用C语言编写一个简单的"小学数学测试系统"來源:互聯網2010-05-17 14:12:03評論分類: 電腦/網絡問題描述:要思路,要原程序代码,要注示.本人C语言知识水有限.參考答案:include /* 调用库函数 */#include /* 调用库函数 */int Tha; /* 变量 ..._c语言设计小学数学cat系统

随便推点

Qt程序关于路径、用户目录路径、临时文件夹位置获取方法_qdir::temppath的路径-程序员宅基地

文章浏览阅读1.3k次。Qt程序关于路径、用户目录路径、临时文件夹位置获取方法   比如我们有一个程序在:  C:/Qt/examples/tools/regexp/regexp.exe1. 程序所在目录  QString QCoreApplication::applicationDirPath()  那么 qApp-&gt;applicationDirPath() 的结果是:  输出:C:/Qt/examples..._qdir::temppath的路径

powerCenter介绍-程序员宅基地

文章浏览阅读1.3w次。powerCenter基础操作_powercenter

【调参】如何为神经网络选择最合适的学习率lr-LRFinder-for-Keras_lenet训练时学习率的选择-程序员宅基地

文章浏览阅读402次,点赞8次,收藏9次。前言学习率lr在神经网络中是最难调的全局参数:设置过大,会导致loss震荡,学习难以收敛;设置过小,那么训练的过程将大大增加。如果,调整一次学习率的周期的训练完一次,那么,训练n次,才能得到n个lr的结果…,导致学习率的选择过程代价太大。有多种方法可以为学习速度选择一个好的起点。一个简..._学习率选择。【调参】如何为神经网络选择最合适的学习率lr-LRFinder-for-Keras_学习率选择-程序员宅基地。_lenet训练时学习率的选择

Windows端口占用CMD关闭端口(8080被占用)_结束所有端口占用-程序员宅基地

文章浏览阅读1k次。传统关闭端口方法,必须得记住相关命令,挺麻烦的,所以直接根据上述命令写了个工具,写成bat脚本,可以双击一键输入端口,然后输入P端口PID关闭进程,不用每次都是打开cmd输入命令,输入命令行,简便了操作。_结束所有端口占用

华为机考-配置文件恢复-C++_c 如何恢复块设备device_magic-程序员宅基地

文章浏览阅读78次。一、题目有6条配置命令,它们执行的结果分别是:注意:he he不是命令。为了简化输入,方便用户,以“最短唯一匹配原则”匹配:1、若只输入一字串,则只匹配一个关键字的命令行。例如输入:r,根据该规则,匹配命令reset,执行结果为:reset what;输入:res,根据该规则,匹配命令reset,执行结果为:reset what;2、若只输入一字串,但本条命令有两个关键字,则匹配失败。例如输入:reb,可以找到命令reboot backpalne,但是该命令有两个关键词,所有匹配失败,执行结果为_c 如何恢复块设备device_magic

阿里 ChatUI 开源:让对话美而简单-程序员宅基地

文章浏览阅读4.4k次。作者 |孙辉背景对话式交互一直存在于我们的日常生活中,工作时使用的钉钉,联系朋友使用的微信,都属于对话式交互应用。随着技术的发展,我们正在经历从「移动互联网时代」走向「人工智能时代」的..._chatui