Lors de l'utilisation de slideToggle, nous rencontrons souvent le problème de scintillement lorsque la liste est fermée. Généralement, le navigateur IE aura ce problème, et d'autres navigateurs tels que Firefox ne scintilleront pas.
1. Solution
Configurez sur la page comme suit
Où "http://www.w3.org/TR/html4/loose.dtd" est requis, si c'est le cas manquant Il y a toujours un problème de scintillement avec cette phrase, et je ne sais pas exactement pourquoi
J'ai vérifié, et cette phrase semble impliquer des réglementations. Si quelqu'un voit ce message et connaît la raison, merci de laisser un message, merci
2. Exemple
[Ce qui suit est un exemple]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/ javascript " src="js/jquery-1.6.2.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $(".flip1").click(function(){ $(".panel").slideToggle("slow"); }); }); $(document).ready(function(){ $(".flip2").click(function(){ $(".pane2").slideToggle("slow"); }); }); </script> <style type="text/css"> p.panel,p.flip1,p.pane2,p.flip2 { margin:0px; padding:5px; text-align :center; background :#e5eecc; border:solid 1px #c3c3c3; width:150px; } p.panel,p.pane2 { display:none; } </style> </head> <body> <p class="flip1">基础数据</p> <p class="panel"> <p><a href="#">员工管理</a></p> <p><a href="#">角色管理</a></p> <p><a href="#"> 权限管理 </a></p> </p> <p class="flip2">新闻管理</p> <p class="pane2"> <p><a href="#">查询新闻</a></p> <p><a href="#">添加新闻</a></p> </p> </body> </html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!