-
编程挑战查看全部
-
text-indent：数字px； 文本缩进查看全部
-
js部分，跳过查看全部
-
这里要用到js，先跳过 11.10查看全部
-
表示负数的都向上，要是正的就往下查看全部
-
导航菜单的二级菜单的显示与隐藏（js）查看全部
-
求大神解惑：css里面已经设置了框高，为什么我这个菜单js里直接这样写不行啊？ this.getElementsByClassName("subNav").style.display="none";查看全部
-
伸缩菜单水平方向查看全部
-
jq部分： $(function(){ $("a").hover(function(){ $(this).stop().animate({"width":"160px"},200); },function(){ $(this).stop().animate({"width":"120px"},200); }) })查看全部
-
jquery方式：查看全部
-
js部分： window.onload=function(){ var a1 =document.getElementsByTagName("a"); for(var i=0; i<a1.length; i++){ a1[i].onmouseover=function(){ clearInterval(this.timer); var that=this; that.timer=setInterval(function(){ that.style.width=that.offsetWidth+8+"px"; if(that.offsetWidth>=160){ clearInterval(that.timer); } },50) } a1[i].onmouseout=function(){ clearInterval(this.timer); var that=this; that.timer=function(){ that.style.width=that.offsetWidth-8+"px"; if(that.offsetWidth<=120){ clearInterval(that.timer); } } } } } </script> </head> <body> <ul class="nav"> <li><a class="on" href="#">新闻快讯</a></li> <li><a href="#">新闻快讯2</a></li> <li><a href="#">新闻快讯3</a></li> </ul> </body>查看全部
-
CSS部分： *{padding:0; margin:0;} a{text-decoration:none; } ul{list-style:none; height:30px; padding-left:30px; border-bottom:4px solid #E4393C; margin-top:20px;} ul li{float:left;} .nav li a{display:block; width:120px; height:30px; line-height:30px; text-align:center; background-color:#ccc; margin-left:1px; /*float:left;*/ } .nav .on,.nav a:hover{color:#fff; background-color:#f60; height:30px; line-height:30px; }查看全部
-
background-position:0 -30px 改变背景图片的显示方式查看全部
-
css 上部分：查看全部
-
鼠标移入 ：查看全部
举报
0/150
提交
取消