2

经过长时间的 javascript 编码后,我想尝试在没有任何javascript(当然也没有 jQuery)的情况下做一个漂亮的网站。我想做一个带有像这个网站这样的标签的下拉菜单:下拉标签。但这一个是在javascript中的。我做到了:http: //jsfiddle.net/jHeRm/。但是当我添加过渡时,我遇到了一个问题:过渡是从一个点到另一个点,没有计算我无法知道起点(ali的高度*个数li)。

我怎样才能以任何方式进行这种转换,但没有 jQuery、javascript、php、ID 和类?

编辑:我想到了一种方法,通过从 to 过渡来做到这一点,bottom:0pxtop:21px过渡总是从top:0pxto开始top:21px

4

1 回答 1

2

您可以使用 CSS 并为嵌套的高度设置动画ul

http://jsfiddle.net/jHeRm/2/


以下是使用负边距的更新版本:

http://jsfiddle.net/jHeRm/4/

于 2012-05-07T14:52:08.943 回答