web前端|html教程
CSS3实现的具闪烁动画效果的导航菜单
web前端-html教程
CSS3实现的具有闪烁动画效果的导航菜单:
闪烁效果的导航菜单，不适用CSS3是比较难以实现的，但是CSS3又具有很大的浏览器兼容性问题，当前使用还不够多，不过在未来肯定会大放光彩的，因为较少的代码就可以实现绚丽的效果。
代码实例如下:
jsp管理系统网站源码下载,ubuntu卸载挂载硬盘,tomcat打开管理员密码,防爬虫喷雾推荐,php自加运算符是什么,seo案例排名lzw
蚂蚁部落*{ margin:0; padding:0; list-style:none; font-style:normal; text-decoration:none; font-family:"微软雅黑";}.nav{ overflow:hidden; zoom:1;}.nav li{ float:left; display:inline; position:relative; height:30px; line-height:30px; overflow:hidden; background:green;}.nav a{ display:block; text-align:center; color:#fff; position:relative;}.nav a:hover {color:#ff0;}/*因为ie6-9浏览器不支持动画，所以这里定义成鼠标放上去菜单文字变黄色*/.nav i, .nav em{ position:relative; display:block; left:0; padding:0 20px; -moz-transition:0.3s all ease; -ms-transition:0.3s all ease; -webkit-transition:0.3s all ease;}.nav i{top:0;}.nav em{top:-90px;}.nav li:hover i{ -moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px);}.nav li:hover em{ -moz-transform:translateY(30px); -ms-transform:translateY(30px); -webkit-transform:translateY(30px);}function css3Nav(obj){ var aA=obj.getElementsByTagName(a); var arr=[]; for(var i=0; i+str+\+str+\; }}window.onload=function(){ var oUl=document.getElementById(
av); var oUl2=document.getElementById(
av2); css3Nav(oUl); css3Nav(oUl2);} 蚂蚁部落一 蚂蚁部落二 蚂蚁部落三 蚂蚁部落四 蚂蚁部落五
访问 城市 统计 源码,ubuntu镜像下载教学,nodejs爬虫的优点,php中不等于运算符有哪些,seo频道介绍lzw
原文地址是:/forum.php?mod=viewthread&tid=10895
今日头条小程序源码,ubuntu gpt硬盘,tomcat网页在的地方,端口与爬虫,php现状及未来发展趋势,池州效果好的网络推广seo公司lzw
更多内容可以参阅:/divcss/
