-
任务1对应代码：clearInterval 任务2对应代码：setInterval 任务3对应代码：offsetWidth查看全部
-
把li标签进行浮动,让菜单水平显示查看全部
-
为什么当a设置了左右paading的10px时，鼠标移出还是12 12像素的增加查看全部
-
a:hover可增加的效果查看全部
-
鼠标移出时缩小 aA[i].onmouseout=function(){ //当鼠标移动到 a标签时 实现代码 clearInterval(this.time); //清除之前的计时器效果 var This=this; //实例化 This.time=setInterval(function(){ //设定计时器 This.style.width=This.offsetWidth-8+'px'; //设定每次减8像素 if(This.offsetWidth<=120px){ //定义 如果宽度小于等于 120像素时 怎样 This.style.width="120px"; //设置最大宽度为260PX clearInterval(This.time) //停止 }查看全部
-
window.onload=function(){ //定义全部加载完后实现 var aA=document.getElementsByTagName('a'); //实例化 a标签 for (var i = 0; i < aA.length; i++) { //循环 aA[i].onmouseover=function(){ //当鼠标移动到 a标签时 实现代码 clearInterval(this.time); //清除之前的计时器效果 var This=this; //实例化 This.time=setInterval(function(){ //设定计时器 This.style.width=This.offsetWidth+8+'px'; //设定每次加 8像素 if(This.offsetWidth>=260){ //定义 如果宽度达到 260像素时 怎样 This.style.width="260px"; //设置最大宽度为260PX clearInterval(This.time) //停止 } },30) }查看全部
-
*{margin:0; padding:0; font-size:14px;} a{color:#333;text-decoration:none} ul{list-style:none; height:50px; border-bottom:5px solid #F60; padding-left:30px;} ul li{float:left; margin-top:20px;} a{display:block;height:30px;text-align:center; line-height:30px; width:120px; background-color:#ccc; border-radius:12px 12px 0 0; margin-left:1px;background-color:#ddd;} a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;} </style> </head> <body> <ul class="nav">> <li><a class="on" href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> <li><a href="#">联系我们</a></li> </ul> </body>查看全部
-
ul li{float:left; margin-top:20px;} a{display:block;height:30px;text-align:center; line-height:30px; width:120px; background-color:#ccc; border-radius:12px 12px 0 0; margin- 圆角菜单 left:1px;background-color:#ddd;} a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;} </style>查看全部
-
.nav li a{display:block; height:30px;text-align:center; line-height:30px; width:120px; border-radius:12px 12px 0 0;); margin-left:1px;background-color:#ddd;} .nav li a.on, .nav li a:hover{background-color:#F60; color:#fff;}查看全部
-
.on, .nav分组选择器查看全部
-
.nav li a 包含选择器查看全部
-
a:hover伪类选择器查看全部
-
js完全没看懂 我只知道设置一个定时器，或者用jquery设置下 鼠标经过时显示，离开后隐藏，不知道自己思路对不对查看全部
-
$funcition(){ $("a").hover(){ funcition(){ $(this).stop().animate({"width";"160px"}.200); } funcition(){ $(this).stop().animate({"width";"120px"}.200); } } }查看全部
-
js和jq有待学习啊！查看全部
举报
0/150
提交
取消