html5 的 details 标记 ，summary标记，
admin
2023-01-30 01:04:36
0次

html5的新加的标签：details的用法,两种方式的介绍，一种是直接css的实现，一种是js+css的实现。

导航

	
	
内容

	

		隐藏脚注
		
页面生成于2015-7-9


		显示脚注
		
			页面说明：
			页面生成于2015/7/9
			summary是对details的详细说明
		
		js脚本控制交互元素的使用脚注
		本页面生成时间：2015-7-9 11:27
		
			function span1_click(){
				var objD = document.getElementById("details1");
				var attD = objD.getAttribute("open");
				
				if(attD != "open"){
					objD.setAttribute("open","open");
				}else{
					objD.removeAttribute("open");
				}
			}

通用的css样式的实现：


header, nav, article,footer{
	border:1px solid #666;
	padding:5px;
}
header{
	width:500px;
}
nav{
	float:left;
	width:60px;
	height:100px;
}
article{
	float:left;
	width:428px;
	height:100px;
}
footer{
	clear:both;
	width:500px;
}
details{
	overflow:hidden;
	height:0px;
	padding-left:200px;
	position:relative;
	display:block;
}
details[open]{
	height:auto;
}
span{
	cursor:pointer;
}


上一篇：html5开发移动混合App系列2-开发环境搭建(windo

下一篇：HTML5来到，原生Native APP是否还有市场

相关内容

热门资讯

今日重大通报“边锋老友麻将.真... 今日重大通报“边锋老友麻将.真的有挂吗？”太坑了原来有挂您好，边锋老友麻将这个游戏其实有挂的，确实是...
我来教教您“新毛豆牛牛.怎么开... 我来教教您“新毛豆牛牛.怎么开挂？”果然有透视挂您好，新毛豆牛牛这个游戏其实有挂的，确实是有挂的，需...
终于了解“新毛豆炸金花.怎么装... 家人们！今天小编来为大家解答新毛豆炸金花透视挂怎么安装这个问题咨询软件客服徽4282891的挂在哪里...
玩家攻略科普“西南九九.怎么开... 网上科普关于“西南九九有没有挂”话题很是火热，小编也是针对西南九九作*弊开挂的方法以及开挂对应的知识...
我来教教您“红黑大战.怎么装挂... 家人们！今天小编来为大家解答红黑大战透视挂怎么安装这个问题咨询软件客服徽4282891的挂在哪里买很...
【今日要闻】“飞鹰互娱.是不是... 有 亲，根据资深记者爆料飞鹰互娱是可以开挂的，确实有挂（咨询软件无需打开...
【第一资讯】“欢聚水鱼.怎么开... 【第一资讯】“欢聚水鱼.怎么开挂？”太坑了果然有挂您好，欢聚水鱼这个游戏其实有挂的，确实是有挂的，需...
终于明白“全民比鸡.可以开挂吗... 有 亲，根据资深记者爆料全民比鸡是可以开挂的，确实有挂（咨询软件无需打开...
最新引进“掌酷十三张.开挂神器... 您好：掌酷十三张这款游戏可以开挂，确实是有挂的，需要了解加客服微信【9784099】很多玩家在这款游...
【第一消息】“蛮王牛牛.开挂神... 网上科普关于“蛮王牛牛有没有挂”话题很是火热，小编也是针对蛮王牛牛作*弊开挂的方法以及开挂对应的知识...