/* CSS部分 */ul { list-style:none; margin:0; padding:0; text-align:center; background:#F03; color:#FFF; -webkit-transform:scaleY(0); -webkit-transform-origin:0 0; }li { padding:0; margin:0; }div { width:200px; }div:hover ul { -webkit-animation:ulShow 0.4s; -webkit-animation-fill-mode:forwards; -webkit-animation-timing-function: cubic-bezier(0,0.8,0.9,1); }div div { height:30px; line-height:30px; text-align:center; background-color:#FC0; }@-webkit-keyframes ulShow {from { -webkit-transform:scaleY(0); }to { -webkit-transform:scaleY(1); }}
下拉 穗如租第一个
第二个
第三个
猜兆
本例适用于谷歌浏览器和Safari浏览器，如需兼容Opera须将"-webkit-"更橡搏改为"-o-"，火狐改为"-moz-"，IE系列比较复杂在此不予举例详情请查询W3C。
overflow:hidden;
overflow这个属性
无语，这谈返是一两个字能写的吗?含悉饥
肯定要配合js的陆胡，每个li下面再放个ul,就是你的下拉项，默认都隐藏，放上去显示对应的ul.
样式自己定喽。注意兼容IE6、IE7.
不懂丨很难
以上就是土嘎嘎小编大虾米为大家整理的css下拉菜单代码相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！