ホームページ >ウェブフロントエンド >jsチュートリアル >IE6_jquery での jquery の .animate() 関数の問題を解決する

IE6_jquery での jquery の .animate() 関数の問題を解決する

WBOY
WBOYオリジナル
2016-05-16 18:14:521014ブラウズ

左側のメニューを折りたたんで表示する効果をプロジェクトに実装します。これはソフトウェア インターフェイスでは一般的です (本来は、コードをオンラインでコピーするだけです。あなたは私より上手に書けると思いますが、学ぶには、あなたが必要です。学びます。精神^^!)、
非表示の拡張を実装するために .animate() を使用します。コードは次のとおりです:

コードをコピー コードは次のとおりです。





無題ドキュメント 🎜>! --
.left {
width:100px;
height:500px;
float:left; butid {
width:10px;
height:500px;
float: left; >高さ:500px;
浮動小数点:左;
}
< ;/head>



/div>

その場合 字幕であればFF、IE7-8、chromeで正常に動作します。ただし、IE6 では左側を非表示にできません。これは、IE6 のデフォルトのコンテンツの高さと幅を超えると、DIV が自動的に拡張されるためです。したがって、.left{} に overflow:hidden を追加する限り、問題は解決されます~~
追伸: 今朝、もともと .left のコンテンツを非表示にする関数を書きましたが、書いているときに突然これに気づきました原理的には、IE6 の .animate() のバグだと思いました。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。