企业制作小程序_js完成按钮开关单机下拉菜单效

发布时间:2021-01-08 11:23 作者:jianzhan

摘要: js完成按键电源开关单机版往下拉莱单实际效果 。 本文关键详细介绍了js完成按键电源开关单机版往下拉莱单实际效果,编码简易易懂,十分非常好,具备一定的参照效仿使用价值

js实现按钮开关单机下拉菜单效果     。   这篇文章主要介绍了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;}
 display: none;
 /style 
 script 
 window.onload=function(){
 var odiv=document.getElementById("v");
 var oli=odiv.getElementsByTagName("ul")[0];
 var onf=true
 odiv. unction(){
 if (onf==true) {
 oli.style.display='block';
 onf=false
 } else{
 oli.style.display='none';
 onf=true
 /script 
 body 
 div id="v" 
 h4 你好啊,小老弟 /h2 
 li come /li 
 li on /li 
 li do /li 
 /ul 
 /div 
 /body 
 /html br 

实现效果:

总结

以上所述是小编给大家介绍的js实现按钮开关单机下拉菜单效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


  • 轻奢类目微信小程序如何

    大伙儿的经济发展发展趋势盈利提高,越来越越越大的人一开始购买轻奢品,以前重要在购物综合服务平台购买轻奢品,现如今大伙儿可以在轻奢品类手机微信微信小程序上购买产品。

  • 如何用手机微信微信小程

    原题目:如何用手机微信微信小程序来做营销推广 手机微信微信小程序较大的优势便是无需免费下载手机软件安裝,真是能够说成说:近在咫尺,用完即走。和传统式的APP有非常大的差

  • 微信小程序启用手机微信

    原题目:微信小程序启用手机微信付款功略 不管是电子商务微信小程序、大红包微信小程序,乃至日常生活服务微信小程序,你都是有将会必须连接手机微信付款。 在连接手机微信付

  • 两千万客户上当受骗,行

    这一称之为“走动便可以赚钱的APP”,公布于2018八月份,快速在iPhone、华为公司企业、应用宝等各种各样应用市场销售销售市场排名飙涨,消散前,趣步APP在iOS端的日完全免费免费下载

  • unity可以写微信小程序吗?

    用unity3d写的游戏能够变换成手机微信程序吗? 能够立即转還是再次写? 手机微信微信小程序重新写过得话更难還是更简易?

    谢邀。 现阶段还不兼容H5,只适用Web GL。可是见到有说