请问如何用HTML和CSS实现菜单上下翻动的效果？

html-css024

请问如何用HTML和CSS实现菜单上下翻动的效果？,第1张

假设每个标签的单位是li标签，li要设置overflow:hidden，并且li要有一个的高度。

li下边要添加一个div，给他个class叫child。给他个属性transtion: transform 2s(多少s是希望多少秒完成动画)

child里面再画两个div，这两个div高度等于li的高度。这时候你只能看到一个div，因为下边的超出隐藏了。

li:hover child {

trasfrom: tranlateY(这里写一个li的高度，看情况是正直值还是负值。应该是正数)

}

给你代码吧 - -。

<DIV id=MainPromotionBanner>

<DIV id=SlidePlayer>

<UL class=Slides>

<%set adgg=conn.execute("select * from ad where id=2")%>

<li>

<!--adggforward Begin:-->

<a href="<%=adgg("ad_url")%>" target="_blank">

<img src="<%=adgg("ad_img")%>" width="500" height="220" border=0>

</a>

<!--adggforward End-->

</li>

<%

自己再去CSS里写上 翻动时间间隔跟超链接宽内容的大小及DIY超链接框的大小即可。

如果要编写进后台功能里的话，就直接读取超链接框的名字就行，例如XXXX的内容=XXXX