我在ul里这样<ul style="display:none"><li></li>....<li></li></ul>,然后如何让它显示?

我在ul里这样<ul style="display:none"><li></li>....<li></li><li></li></ul>,然后如何让它鼠标点击的时候显示;
在css里如何设置呢?

第1个回答  2013-05-17
鼠标点击不能用css,css只能做hover
所以只能考虑javascript来实现
你想让鼠标点击谁的时候显示它?追问

您好 我想点击它的上一级li 的时候显示出来

就像这种情况

追答

你给你的这个ul设置一个ID,比如叫做ygpj,那么HTML是
....,
然后给上层li增加onclick事件,这个样子
...

追问

为什么没有效果呢?

追答

参考如下代码:

<html>
<head>
</head>
<body>
<ul>
<li style="cursor:hand;" onclick="if (document.getElementById('ygpj').style.display=='none') document.getElementById('ygpj').style.display = 'block'; else document.getElementById('ygpj').style.display = 'none';">鱼竿配件
<ul id="ygpj" style="display:none">
<li>鱼钩</li>
<li>鱼漂</li>
</ul>
</li>
<li>鱼竿支架</li>
</ul>

追问


鱼竿配件

鱼钩
漂座

本回答被提问者采纳

ul{ list-style:none;} ul li { float:left;}之后,列表就不在div块里...
你自己定义了float,这个不在里面就算正常了。解决的最简单方法就是在列表最后加一个<li style="clear:both"><\/li>。

<ul>怎样让它显示列表项左边的那个点?
list-style可以定义ul、ol中li的样式,将list-style设为disc即可,此值为默认值,如果没有继承关系,默认就会显示实心圆点。list-style用法如下:list-style 简写属性在一个声明中设置所有的列表属性。该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,...

怎么将ul下的li标签横着排列,要设置那个属性?
把ul包含的li定义为一个类,在css样式用类选择器设置li的float属性为向左浮动,即为float:left;最好将无序列表前面的点去掉。即ul的list-style-type:none;这样设计出来的比较美观。

怎么样使LI并列显示
要头脑灵活啊 li是块级元素 要并列起码两种方法1.行内元素都在行上 把li变成行 ul li{display:inline;}这样缺点是dom取到li准确宽度属性 如offset scroll 还 你li后回车换行 li标签之间空白2.浮动块级元素会在行 ul li {float:left} 这样话li回车换行会被浮动所挤掉 算是比较完美方法 ...

导航栏的ul li ul li怎么隐藏?
<ul style="display: none;"> <li> 1 <\/li> <li> 2 <\/li> <\/ul> <\/li> 隐藏是 .style.display = "none"; 恢复是 .style.display = "";这个 $('.reply-qts-item') 是用 jQuery 提供的根据 css 表达式查找某个 class = reply-qts-item 的节点。你也可以用 HTML4 DOM 标准...

CSS中 li 之间的间隔如何取消?
这是因为你把li设置成行内元素了,行内元素之间是会有一定间隙的,间隙的大小与默认的font-size设置有关,这个值越大,间隙也越大,如果你在ul层设置font-size=0,那么间隙即可去掉,但是如果ul有字体的话,也看不见了,li里面的字体可以另外设置大小。还有一种办法就是连着写代码:<ul> <li> ...

怎样把ul li 前面的点去掉
在li 属性框里 放入 <li style="list-style-type:none;">...<li> 就可以了

HTML怎样消除无序列表列表前的黑点 请指教
在相关的页面找到head部分写入<style type="text\/css">list-style:none;<\/style>,给li加上 list-style-type:none这个样式就可以了消除黑点。具体步骤如下:1.这个标签本身自带属性,前面有小圆点是它的实际的效果,如下图。2.加上 li{list-style-type:none;} 样式之后在页面上的显示效果。

ASP <ul>设置<li>标记的使用
<ul><li><\/li><\/lu>是属于HTML元素,主要用于显示列表类型的数据。下面是关于Ul li的一些主要属性及使用方法,如果能够配合CSS UL LI的应用是可以很广泛的,例如导航菜单等等。ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-...

怎么去掉li标签前面的点??
ul li{list-style-type: none;} 这个是去点的,不过一般网页都会在li的前面加上一个自己做的背景点,这个就去不掉了,你可以试试ul li {background:none;}。不要复制,我这里面有汉语的标点

相似回答