jquery实现弹出div,始终显示在屏幕正中间的简单实例_jquery

以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助!

复制代码 代码如下:

    //让指定的DIV始终显示在屏幕正中间  
    function setDivCenter(divName){  
        var top = ($(window).height() - $(divName).height())/2;  
        var left = ($(window).width() - $(divName).width())/2;  
        var scrollTop = $(document).scrollTop();  
        var scrollLeft = $(document).scrollLeft();  
        $(divName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(); 
    } 

时间: 2024-09-21 04:30:17

jquery实现弹出div,始终显示在屏幕正中间的简单实例_jquery的相关文章

jquery实现弹出div,始终显示在屏幕正中间的简单实例

 本篇文章主要是对jquery实现弹出div,始终显示在屏幕正中间的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助!  代码如下:     //让指定的DIV始终显示在屏幕正中间        function setDivCenter(divName){            var top = ($(window).height() - $(divName).height())/2;           

js弹出div并显示遮罩层

 弹出div显示遮罩层的效果,想必大家都有见到过吧,下面有个示例,大家可以参考下  代码如下: //--------------------弹出层-------------------  //popDivId:弹出层div的ID  //dragDivId:用于拖动div的ID  //isShowMask:是否显示遮罩层  function popDivShow(popDivId, dragDivId, isShowMask) {  if (isShowMask) {  creatMask(pop

JQuery实现弹出框,显示后台抛的异常消息

问题描述 如题,大家有啥实施经验可供参考?尽量贴代码. 解决方案 解决方案二:没人回消息解决方案三:你这个问题描述的一点都不清楚怎么回答你啊解决方案四:将后台异常信息存放在reuqest.setArrtbite('error',异常信息);在jsp中先判断一下${error是否为空,}不为空,则显示弹出层,在弹出层中显示${error};

jQuery实用小技巧_输入框文字获取和失去焦点的简单实例_jquery

jQuery实用小技巧_输入框文字获取和失去焦点的简单实例 <input id="txt" class="text1" type="text" /> <script src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function () { $("inp

js弹出div并显示遮罩层_javascript技巧

复制代码 代码如下: //--------------------弹出层------------------- //popDivId:弹出层div的ID //dragDivId:用于拖动div的ID //isShowMask:是否显示遮罩层 function popDivShow(popDivId, dragDivId, isShowMask) { if (isShowMask) { creatMask(popDivId); } var oWins = document.getElementBy

jquery弹出div对话框实例代码

使用说明: myHiddenDiv表示要弹出来的整体div popup-body中的内容替换为你需要的内容 openStaticPopup();表示弹出div,锁定界面 $.closePopupLayer('myStaticPopup');表示关闭div,解锁界面 <h2></h2>弹出div的标题 openStaticPopup中的width表示弹出div的宽度 其实就是细节上的调整 实例  代码如下 复制代码 <!DOCTYPE HTML PUBLIC "-//

jQuery Mobile弹出窗、弹出层知识汇总_jquery

先创建一个窗体 <div data-role="popup" id="popupView" class="ui-content" data-overlay-theme="b" data-position-to="window" data-dismissible="false"> <a href='javascript:void(0)' data-rel="ba

JQuery Mobile 弹出式登录框的实现方法_jquery

<a href="#login" data-rel="popup" data-position-to="window" data-role="button">Login</a> <div data-role="popup" id="login" data-theme="a"> <form style="padding

jQuery实现单击弹出Div层窗口效果(可关闭可拖动)_jquery

本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现在又有了jquery让我们用,更方便了,本代码演示了在CSS代码.JavaScript代码和HTML三者结合的情况下,如何实现一个可关闭的弹出窗口,鼠标点击关闭按钮后将其关闭,然后会显示打开按钮,单击这个按钮即弹出这个层窗口. 运行效果截图如下: 在线演示地址如下: http://demo.jb51