2

javascript で長い間コーディングした後、javascript を使用せずに (そしてもちろん jQuery を使用せずに)美しい Web サイトを作成したいと考えました。私はこのウェブサイトのようなタブでドロップダウン メニューをやりたかった:ドロップダウン タブ。しかし、これはjavascriptです。私はそれをしました:http://jsfiddle.net/jHeRm/。しかし、トランジションを追加したときに問題が発生しました。トランジションはある点から別の点へのものであり、計算なしでは開始点を知ることができません (a の高さli* の数li)。

jQuery、javascript、php、ID、およびクラスなしで、この移行をどのように行うことができますか?

編集:bottom:0pxからへの移行を行う方法を考えましtop:21pxたが、移行は常に からtop:0pxtop:21px

4

1 に答える 1

2

CSS を使用して、ネストされた の高さをアニメーション化できますul

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


以下は、負のマージンを使用した更新版です。

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

于 2012-05-07T14:52:08.943 に答える