js实现按钮开关单机下拉菜单效果
更新时间：2018年11月22日 11:22:52 作者：静遇。
这篇文章主要介绍了js实现按钮开关单机下拉菜单效果，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
通过onclick单击事件，实现效果，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开关按钮设置</title>
</head>
<link rel="stylesheet" href="css/Default style sheet.css" rel="external nofollow" />
<style>
div{
width:120px;
margin: 0px auto;
border: 2px solid black;}
ul{
display: none;
}
</style>
<script>
window.onload=function(){
var odiv=document.getElementById("v");
var oli=odiv.getElementsByTagName("ul")[0];
var onf=true
odiv.onclick=function(){
if (onf==true) {
oli.style.display='block';
onf=false
} else{
oli.style.display='none';
onf=true
}
}
}
</script>
<body>
<div id="v">
<h4>你好啊，小老弟</h2>
<ul>
<li>come</li>
<li>on</li>
<li>do</li>
</ul>
</div>
</body>
</html><br>
实现效果：
总结
以上所述是小编给大家介绍的js实现按钮开关单机下拉菜单效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
在现代Web开发中,异步编程是不可或缺的一部分,JavaScript通过多种方式支持异步操作,允许开发者处理非阻塞代码执行,从而提高应用性能和响应速度,本文给大家介绍了JavaScript异步操作的常见方法,需要的朋友可以参考下2025-01-01
用JS替换字符串时。只能替换掉字符串中第一个aa,有时候需要替换全部的aa，下文是具体的实现方法，大家可以参考下2014-06-06
这篇文章主要介绍了JavaScript 异常处理 详解,需要的朋友可以参考下2015-02-02
使用JavaScript判断一个元素是否在可视范围内的几种方法
在Web开发中,有时我们需要知道一个元素是否在用户的可视范围内,以便执行相应的操作,比如延迟加载图片、实现懒加载、或是触发动画效果, 本文将详细介绍使用 JavaScript 如何判断一个元素是否在可视范围内的几种方法,需要的朋友可以参考下2024-02-02
这篇文章主要向大家分享了一段JavaScript实现数据类型检测的代码，附上参数说明和使用说明，希望小伙伴们能够喜欢2015-01-01
这篇文章主要介绍了Ajax请求时无法重定向的问题解决代码详解，当使用Ajax请求时，如果后台进行重定向到其他页面时是无法成功的，只能在浏览器地址栏输入才能够实现重定向。下面我们来看看解决方法吧2019-06-06
这篇文章主要介绍了通过扫小程序码实现网站登陆功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-08-08
这篇文章主要介绍了ES6新增的数组知识,结合实例形式分析了ES6的数组新增知识点、使用技巧与相关注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了JavaScript对于动态规划解决股票问题的真题例举讲解。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
Bun运行时是新一代高性能JavaScript/TypeScript运行时
Bun由Jarred Sumner创建,是一款新兴的JavaScript和TypeScript运行时,旨在比Node.js和Deno提供更高性能和快速启动,Bun使用Zig语言编写,内置包管理并支持Node.js大部分API,适用于高并发API服务和快速构建工具2024-11-11
最新评论