求一div样式

huimiezu 2013-05-08 01:09:45

如图,鼠标点击某一项,展开详细这样子的
...全文
69 点赞 收藏 3
写回复
3 条回复
u010074327 2013年05月11日
ul li 隐藏 定位 区块ul li
回复 点赞
Q544471255 2013年05月11日
js去写吧,会比较简单一些. 简单写了个,你看着改一下吧



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
	 #one{
		color:red;
		border:#FF0000 1px solid;
		font-size:20px;
		display:none;/*设置默认隐藏,也就是加载完页面也不显示*/
}


</style>

<script type="text/javascript">
	function init(){ //这个代码可以让隐藏的代码显示出来.里面的"one"可以改成别的,但要注意CSS和div id里面的one,必须一致
		var x = document.getElementById("one").style.display="block";
	}
	
	function out(){ //假如鼠标移开,one所属的div会再次隐藏.
		var y = document.getElementById("one").style.display="none";
	}


</script>

</head>
<!--因为还没学JQ,只能写这样了,你看着改一下吧。-->
<body>
<div id="top" onmouseover="init()" onmouseout="out()"><!--后面的两个分别是调用的JS方法,名字可以改,但注意对应-->
	显示 <!--可作为顶级菜单使用-->
</div>

<div id="one"><!--默认隐藏的块-->
		顶级菜单.
		<div class="two">
			二级菜单
		</div>
		<div class="there">
			三级菜单
		</div>
	</div>
</body>
</html>

回复 点赞
云-中-飞 2013年05月11日
展开的时候显示一个div,div里面弄上你自己的内容,像这种东西,可以查看一下你看到的网页的源码
回复 点赞
发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告