为了账号安全,请及时绑定邮箱和手机立即绑定

手风琴导航栏案例

手风琴导航栏案例

麻烦大神看看 为什么橙色的li有时候会扩不开 移到别的li上 它还会一闪一闪的 谢谢<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } ul{ list-style: none; } #box{ width:1200px; height:400px; margin:100px auto; border:1px solid orangered; } #box ul{ width:100%; height:100%; overflow: hidden; } #box ul li{ float: left; width:240px; height:100%; } li:nth-of-type(1){ background:red; } li:nth-of-type(2){ background:darkgoldenrod; } li:nth-of-type(3){ background:darkred; } li:nth-of-type(4){ background:indianred; } li:nth-of-type(5){ background:darkorange; } </style> </head> <body> <div id="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <script src="jquery-1.2.6.min.js"></script> <script> $(function(){ //给所有的li注册经过事件 $('#box li').mouseover(function(){ $(this).stop().animate({width:800}).siblings().stop().animate({width:100}); console.log($(this)); }); $('#box').mouseout(function(){ $('#box li').stop().animate({width:240}); }); }); </script> </body> </html>
查看完整描述

1 回答

已采纳
?
MR帽子先生

TA贡献245条经验 获得超106个赞

你好 可以应该是浏览器的问题,我在我的浏览器上显示是正常的,希望能帮到你,祝你学习愉快。

查看完整回答
反对 回复 2017-06-23
  • 1 回答
  • 0 关注
  • 1274 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信