Question

用css样式设计标签滑动效果（现左右后上下），具体问题如下？

我现在左右的效果出来了，上下单独的效果也出来了，就是把他们放在一起就不好使了，我设计的是点击标签1显示上下滑动的标签内容，可是显示不出来，其他标签都好使就是标签1不好使？求教具体实现的代码？谢谢！前两个是对横向标签的定位，后两个是对纵向的定位，帮我看看怎么解决点击标签1显示纵向标签及内容谢谢！
我要的效果就是：

点第一个在第一个的内容里有

这样的效果。一定是css实现的！





Answer 1

下拉菜单嘛。
关键点在于
li .drop {display:none;}
li:hover .drop {display:block;}

至于纵横向的显示，对li设置相对定位，弹出来的菜单drop设置绝对定位，用left和top就可以控制显示的位置了

追问

　　我html里是这么写的

请问我这么设置？谢谢！

追答

菜单为什么要用input label这些呢？

追问

现在已经这么写了，该怎么设置，不用input这个，你有用ul设置好的样式吗？就是实现我那个功能的具体代码吗？谢谢！

追答

代码太长了，贴不上来，网上有下拉菜单的代码的
比如这个
http://www.lanrentuku.com/js/daohang-1194.html

追问

能粘成文本发给我吗？知道支持文件上传，能传给我看看吗？谢谢你麻烦了，我想看看具体差在那里了！

追答

简单地弄了个，可能有些细节地方不完美，原理是这样了

Answer 2

求截图效果是撒子 没看懂你要的效果