<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>开关按钮设置</title>

	</head>

	<link rel="stylesheet" href="css/Default style sheet.css" />

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



												


											
js实现原生选项卡的更多相关文章
	

    
								
  1. js原生选项卡（包含无缝滚动轮播图）一
		
    原生js选项卡的几种写法,整片文章我会由简及难的描述几种常用的原生选项卡的写法: Improve little by little every day! 1>基本选项卡: 思路:循环中先清除再添 ...
    
		
    2. 
						
  2. 原生js实现tab选项卡里内嵌图片滚动特效代码
		
    <!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8&quo ...
    
		
    3. 
						
  3. 原生js面向对象编程-选项卡(自动轮播)
		
    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
    
		
    4. 
						
  4. 大前端技术系列：TWA技术+TensorFlow.js => 集成原生和AI功能的app
		
    大前端技术系列:TWA技术+TensorFlow.js => 集成原生和AI功能的app ( 本文内容为melodyWxy原作,git地址:https://github.com/melodyWx ...
    
		
    5. 
						
  5. 再谈React.js实现原生js拖拽效果
		
    前几天写的那个拖拽,自己留下的疑问...这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分...就再聊聊拖拽吧 一.不要直接操作dom元素 react中使用了虚拟dom的概念,目 ...
    
		
    6. 
						
  6. iOS开发--JS调用原生OC篇
		
    JS调用原生OC篇 方式一(反正我不用) 第一种方式是用JS发起一个假的URL请求,然后利用UIWebView的代理方法拦截这次请求,然后再做相应的处理. 我写了一个简单的HTML网页和一个btn点击 ...
    
		
    7. 
						
  7. 去它的h5，我还是用js写原生跨平台app吧
		
    智能手机功能越来越强大,已经在逐渐替代电脑的作用.百度.腾讯.阿里的移动端日活数也在逐步的赶上甚至超越电脑端用户.叫喊着“mobile first”的公司越来越多,App开发者应运而生,且队伍日趋庞大 ...
    
		
    8. 
						
  8. iOS下JS与原生OC互相调用(总结)
		
    这是去年总结的一篇文章,也一并先放到这个目录下好了. iOS开发免不了要与UIWebView打交道,然后就要涉及到JS与原生OC交互,今天总结一下JS与原生OC交互的两种方式. JS调用原生OC篇 方 ...
    
		
    9. 
						
  9. JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）
		
    JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ELK学习笔记之kibana关闭和进程查找
			
    启动kibana : nohup ./kibana & 查看启动日志 : tail -f nohup kibana  使用  ps -ef|grep kibana 是查不到进程的,主要原因大概 ...
    
			
    2. 
						
  2. 基于OpenCV做“三维重建”（1）--找到并绘制棋盘
			
    <OpenCV计算机视觉编程攻略(第3版)>这套书已经出到第3版了,如果你非要我说这本书有多好,我说不出来:只是很多我第一手的例子都是来源于这本书的-相比较OpenCV官方提供的代码,这本 ...
    
			
    3. 
						
  3. 一个基于nuxt的基础架子，支持aixos，sass，es6，elementUI
			
    nuxt官网:Nuxt.js docs github: 项目地址 项目版本说明 package 版本号 "babel-cli" "^6.26.0" " ...
    
			
    4. 
						
  4. GPIO8种方式小总结
			
    在输出3时写1时上反向为0,下为1,1时MOS不接通,0接通 为1时上导通输出高电平1: 为0时下导通输出低电平0: VDD为逻辑电源正 VSS为逻辑地 若为输出状态则施密特触发器总为开 然后经过上拉 ...
    
			
    5. 
						
  5. Session &cookie   introduction,usage
			
    Cookie 1)什么是Cookie?      服务器为了识别用户身份而临时存放在浏览器端的少量数据.     2)工作原理         浏览器访问服务器时,服务器将一些数据以set-cooki ...
    
			
    6. 
						
  6. 关于layui富文本编辑器和form表单提交的问题
			
    今天下午因为要做一个富文本编辑器上传文件给后台,所以看了一下layui的富文本编辑器,折腾了半天,终于把这玩意搞定了. 首先需要先创建layui的富文本编辑器 <textarea id=&quo ...
    
			
    7. 
						
  7. webpack4 系列教程(十六)：开发模式和生产模式·实战
			
    好文章 https://www.jianshu.com/p/f2d30d02b719
    
			
    8. 
						
  8. oracle 锁表
			
    select b.username,b.sid,b.serial#,logon_time from v$locked_object a,v$session b where a.session_id = ...
    
			
    9. 
						
  9. [转载]去除文件中的^M
			
    用/bin/cat -v /etc/profile看到很多^M,是因为Windows下的换行符的原因. 现在在linux下面删了就行,我用的第一种方法. 第一种方法 (先yum install -y  ...
    
			
    10. 
						
  10. python笔记—循环控制
			
    1.print可以打印多个参数,在括号内用,号区分,显示时一个,号显示一个空格 2.import导入时可以用as别名代替,方便两个模块中有相同函数时使用 3.序列解包:将一个序列(或任何可迭代对象)解 ...
    
			
    11.