解决jquery的.animate()函数在IE6下的问题

2022-01-14,,,,

最近刚在项目里面花心思捉摸JQ,所以有些心得也及时放上来,理解不足的地方也请教下大家。

在项目里面实现左的菜单折叠显示的效果,这个在软件界面里是常见的(本来到网上copy一段代码也就了事了,估计写的比我都好,但学习嘛,就要有学习的精神^^!),
我是用.animate()去实现隐藏展开的,代码如下:
复制代码 代码如下:

无标题文档

<!--
.left {
width:100px;
height:500px;
background:#060;
float:left;
}
#butid {
width:10px;
height:500px;
background:#C00;
float: left;
}
.content {
width:500px;
height:500px;
background:#000;
float:left;
color: #FFF
}
-->

123

123

如果这样子的话,在FF,IE7-8,chrome下执行是正常的。可是IE6下无法隐藏left,原因是因为ie6默认内容高宽度超出时,DIV会自动撑开。所以只要给.left{}加个overflow:hidden,问题也就解决~~
PS:本来早上是写个函数把.left里面的内容隐藏掉的,在写博文的时候突然想通了这个原理,还以为是.animate()在IE6下有BUG

以上就是解决jquery的.animate()函数在IE6下的问题的详细内容,更多请关注本站其它相关文章!

《解决jquery的.animate()函数在IE6下的问题.doc》

下载本文的Word格式文档,以方便收藏与打印。