有一个项目需要做一个图层居中显示效果,用jquery+css实现随窗口缩放,图层始终居中显示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jquery+CSS实现的图层剧中</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ var ww = $(window).width();//当前浏览器窗口可视宽度 var p2w = $("#p2").width(); //要剧中先显示的元素ID $("#p2").css("left",ww/2-p2w/2); $(window).resize(function(){ ww = $(window).width(); $("#p2").css("left",ww/2-p2w/2); }); }); </script> </head> <body> <div id="p1" style="width:100%; height: 500px; background: #bec7cb;"> <div id="p2" style="width:500px; height: 440px; position: fixed;top:30px;left:; background: #343436;"></div> </div> </body> </html>