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

 本篇文章主要是对jquery实现弹出div,始终显示在屏幕正中间的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

以下代码块就能始终让弹出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-11-05 00:58:26

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

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

以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助! 复制代码 代码如下:     //让指定的DIV始终显示在屏幕正中间       function setDivCenter(divName){           var top = ($(window).height() - $(divName).height())/2;           var left = ($(window).width() - $(divName).width())/2;           v

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};

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

jQuery弹出div层过2秒自动消失_jquery

下面给大家分享一段代码关于jquery弹出div层并自动消失的实现代码,废话不多说了,具体代码如下所示:  var HuiFang={ m_tishi :null,//全局变量 判断是否存在div, //提示div 等待2秒自动关闭 Funtishi: function (content, url) { if (HuiFang.m_tishi == null) { HuiFang.m_tishi = '<div class="xiaoxikuang none" id="