精华内容
下载资源
问答
  • lhgdialog是一功能强大的简单迷你并且高效的弹出窗口插件,基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。 相对于网上其它弹出窗口插件主要功能是提示信息来说,本插件主要是...
  • 默认弹出窗口修改.zip

    2020-06-13 22:13:33
    浏览器默认弹窗样式修改 alert弹窗样式修改 一定要50个字的描述吗,默认浏览器弹窗样式修改,风格可自定义修改
  • lhgdialog是一功能强大的简单迷你并且高效的弹出窗口插件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。相对于网上其它弹出窗口插件主要功能是提示信息来说,本插件主要是用来...

    b1be91302238d27afa9d3731c6569c9e.png

    lhgdialog是一功能强大的简单迷你并且高效的弹出窗口插件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

    相对于网上其它弹出窗口插件主要功能是提示信息来说,本插件主要是用来制作窗口中内容较多,页面比较复杂的窗口。本插件的窗口内容面主要是以嵌入 iframe框架为主,内容页为一个单独的页面。这样就可以更方便的管理内容页,页面的样式也不受其它页面的影响,而且内容页可以是静态或动态的任何一种 文件。

    由于本插件主要是用来制作大型的窗口,页面和窗口间的交互肯定会非常频繁,所以本插件提供了丰富的交互控制接口,可以非常方便的进行页面间的数据的传输。

    由于本插件所需的lhgcore.min.js库文件就相当于一个精简的jQuery库,所以本插件的代码的书写方式和jQ的一样精简。如果您想把它做的 jQ的插件,只要在页面引入jQuery的库(此时不再需要引入lhgcore.min.js库文件),代码作一下非常简单的修改即可。

    无论你把窗口插件放在哪里,你都不需要担心会被外层的frameset或iframe所遮挡进而影响客户体验,lhgdialog窗口插件是可以跨无限级 框架显示的,lhgdialog采用九宫格的XHTML结构,CSS类钩子比较丰富,可以定制类似桌面软件般精致的皮肤。

    展开全文
  • jquery实现弹出窗口

    千次阅读 2013-10-13 06:24:33
    JavaScript实现弹出窗口实质上就是在浏览器上画了一个方形区域,并在开始时将其隐藏,只是到某个JavaScript事件时才通过修改css的属性值来将其显示出来。 其大致步骤为: •创建一个装载弹出窗口的div     ...

    JavaScript实现弹出窗口实质上就是在浏览器上画了一个方形区域,并在开始时将其隐藏,只是到某个JavaScript事件时才通过修改css的属性值来将其显示出来。

    其大致步骤为:

    •创建一个装载弹出窗口的div
      
    <html>
      <head>
        <title>jQuery实例1:浮动窗口</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <mce:script type="text/javascript" src="jslib/jquery.js" mce_src="jslib/jquery.js"></mce:script>
        <mce:script type="text/javascript" src="jslib/jquerywin.js" mce_src="jslib/jquerywin.js"></mce:script>
        <link type="text/css" rel="stylesheet" href="css/win.css" mce_href="css/win.css">
      </head>
      <body>
      </body>
        <a οnclick="showWin()" href="#" mce_href="#">弹出窗口</a>
        <div id="win">
            <div id="title">我是标题栏!<span id="close" οnclick="hide()">X</span></div>
            <div id="content">我是一个窗口!</div>
        </div>
    </html>

    •创建相应的css文件将其显示为一个弹出窗口
     
    #win{
        /*边框*/
        border:1px red solid;
        /*窗口的高度和宽度*/
        width : 300px;
        height: 200px;
        /*窗口的位置*/
        position : absolute;
        top : 100px;
        left: 350px;
        /*开始时窗口不可见*/
        display : none;
    }
    /*控制背景色的样式*/
    #title{
        background-color : blue;
        color : red;
        /*控制标题栏的左内边距*/
        padding-left: 3px;
    }
    #cotent{
        padding-left : 3px;
        padding-top :  5px;
    }
    /*控制关闭按钮的位置*/
    #close{
        margin-left: 188px;
        /*当鼠标移动到X上时,出现小手的效果*/
        cursor: pointer;
    }

    •创建相应的JavaScript文件来操作窗口的显示
     
    function showWin(){
        /*找到div节点并返回*/
        var winNode = $("#win");
       //方法一:利用js修改css的值,实现显示效果
       // winNode.css("display", "block");
       //方法二:利用jquery的show方法,实现显示效果
       // winNode.show("slow");
        //方法三:利用jquery的fadeIn方法实现淡入
        winNode.fadeIn("slow");
    }
    function hide(){
        var winNode = $("#win");
        //方法一:修改css的值
        //winNode.css("display", "none");
        //方法二:jquery的fadeOut方式
        winNode.fadeOut("slow");
        //方法三:jquery的hide方法
        winNode.hide("slow");
    }

    展开全文
  • 窗口样式更改简便:组件采用的是QQ2009窗口的界面,虽说不上很漂亮,但也不算难看(本个界面设计能力较差:-)...)如果你 想更改窗口样式也很容易,组件采用的是静态模板来设计的窗口的样式,你只要更改lhgdialog....
  • 弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。代码简洁,程序运行效率高,窗口样式更改简便,支持所有主流浏览器:IE6+,Firefox2.0+,Chrome(谷歌浏览器),Opera9.5+,Safari3.0+等
  • jquery 弹出窗口 我确定您熟悉通常在大多数社交网站(如Facebook,Twitter等)上弹出的常规对话框。本文是10个jQuery Popup Window教程的汇编,您会发现它非常有用,特别是如果您希望将其中之一集成到您的网站中。 ...

    jquery 弹出窗口

    我确定您熟悉通常在大多数社交网站(如Facebook,Twitter等)上弹出的常规对话框。本文是10个jQuery Popup Window教程的汇编,您会发现它非常有用,特别是如果您希望将其中之一集成到您的网站中。 请享用!

    相关文章:

    2013年13月6日更新:添加了11。jQuery Speedo Popup

    1.耀斑

    一个自定义的响应式,启用触摸的,移动优化的灯箱jQuery插件,可用于显示单个图像/视频或整个画廊。


    耀斑

    演示

    2. bPopup

    是一个轻量级的jQuery模态弹出插件(仅压缩1.26KB)。 它不会创建或设置弹出窗口的样式,但会为您提供所有逻辑,例如居中,模式叠加,事件等。


    b弹出

    演示

    3. FueledWeb Pro缩略图滚动器

    是一个高级的多功能jQuery插件,html5缩略图滚动器和图像库。


    专业缩略图滚动器

    演示

    4. jQuery YouTube Popup Player插件

    这是一种易于使用的jQuery插件,可通过在弹出对话框中显示YouTube视频来将它们嵌入到页面中。


    YouTube弹出播放器

    来源+演示

    5.多功能书架滑块

    用于显示书籍,杂志,DVD / CD等产品。


    书架滑块

    演示

    6.梅西

    是一个jQuery插件,用于以简单的方式显示干净优雅的消息。


    梅西

    演示

    7. jQuery gzoom插件

    gzoom是一个新的jquery zoom插件,具有以下功能:

    >单击加号和减号进行缩放
    >拖动滑块进行缩放
    >使用鼠标滚轮缩放将图像悬停
    >移动鼠标悬停图像以更改平移
    >点击图片以灯箱样式显示
    > jquery.ui框架样式


    jQuery gzoom

    来源+演示

    8. Thumba

    免费学习PHP!

    全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

    原价$ 11.95 您的完全免费

    是图库jQuery插件,可将缩略图显示为Google图片。


    拇指

    演示

    9. jQuery PopBox

    是一个受37Signals Highrise CRM启发的简单气球UI元素。


    弹出框

    演示

    10. Lytebox

    是一个轻量级,跨浏览器兼容且移动友好JavaScript库和内容查看器。


    Lytebox

    来源+演示

    11. jQuery Speedo弹出窗口

    peedo Popup是一个小巧,功能强大且真正可定制的jQuery popup插件。

    Preview_speedo_popup

    翻译自: https://www.sitepoint.com/10-jquery-popup-window-image-slider-plugins/

    jquery 弹出窗口

    展开全文
  • java窗口按钮弹出窗口 如果您相信Jakob Neilsen和他的支持者这样的人,那么没有什么比弹出窗口更邪恶的了 。 在许多方面,这是正确的。 为什么? 好吧,我们会尽快列出原因,但简而言之是因为它们几乎总是实施不佳或...

    java窗口按钮弹出窗口



    如果您相信Jakob Neilsen和他的支持者这样的人,那么没有什么比弹出窗口更邪恶的了 在许多方面,这是正确的。 为什么? 好吧,我们会尽快列出原因,但简而言之是因为它们几乎总是实施不佳或根本不需要。 本教程将说明,如果有正确的思想,可以使用弹出窗口,而不会让任何人(特别是浏览您网站的人)感到不安。

    弹出式窗口问题

    弹出窗口的常见故障是:

    • 如果禁用脚本,或者浏览器不支持JavaScript,则弹出窗口将不起作用
    • 搜索引擎无法跟踪到弹出窗口的链接(脚本元素始终被忽略)
    • 弹出式窗口存在可访问性问题
    • 如果将目标页面移至站点的另一部分,则站点管理工具(例如DreamWeaver)将无法更新弹出窗口的链接
    • 许多人运行着弹出式杀手,它们会在打开窗户时立即关闭窗户
    • 在Mozilla中,有一个选项可以阻止弹出窗口首先打开

    ew 那是一个相当大的列表……您可能可以在列表中添加自己的列表。 那么,我们如何解决这些问题?

    脚本禁用

    在禁用脚本的情况下,弹出窗口不执行任何操作。 就那么简单。 但是,如果您使用标准的<a href> ,则不会出现此类问题。 因此,不要使用:

    <a href="#" onclick="window.open('file.htm');">

    您可以使用:

    <a href="file.htm" onclick="window.open('file.htm');return false;">

    这样,如果禁用脚本,则标准链接仍然有效。

    但是,也许有一个很好的理由使您希望该窗口在当前窗口的顶部打开。 如果是这样,只需添加一个目标属性,如下所示:

    <a href="file.htm" onclick="window.open('file.htm');
    return false;" target="newWin">

    答对了。 问题解决了。 但是我们可以做更多的事情!

    搜索引擎

    通过上面的修改代码,搜索引擎可以遵循标准的href,因此这是我们问题列表中列出的另一个问题。

    辅助功能问题

    弹出窗口的最大缺点是它们将焦点从主浏览器窗口移开,这可能会令人感到不安。 除了可访问性之外,它们还提出了一般的可用性问题。 您有多少次看到某人启动弹出窗口,然后无意中单击了启动器窗口,又以为没有任何React,再次单击该链接却没有结果? 当然,该窗口已打开,但现在位于启动器窗口下方,只有向下移动到任务栏并从中选择窗口才能解决此问题。

    技巧是通知用户该链接将在新窗口中打开。 有多种解决方法:

    • 将说明作为链接本身的一部分
    • 在标题属性中添加一些说明
    • 使用适当的图标表示即将到来的弹出窗口

    这样,如果失去焦点,则用户可以建立连接,例如:

    打开我的测试页(在弹出窗口中打开)

    955_popuplaunch 打开我的测试页

    要解决在主窗口上失去焦点的问题,可以使用JavaScript来重新设置焦点。 为此,建议的脚本出现在本文的结尾。

    站点链接管理工具


    如果您习惯使用DreamWeaver之类的工具或内容管理系统来移动页面,则希望保持链接。 使用标准href时,它们通常是(取决于您使用的工具),但是使用JavaScript则不太可能。 回到我们的代码片刻:

    <a href="file.htm" onclick="window.open('file.htm');
    return false;">

    上面的链接将保持得很好……几乎。 其中一半-href部分。 但是onclick部分可能会被忽略。 这是个大问题。 您可能会认为您的链接已更新,但是实际上启用了JavaScript的人会被发送到丢失的页面。 因此,您可能会发现您的代码将更改为:

    <a href="newlocation/newfile.htm" onclick="window.open('file.htm');
    return false;">

    而且,如果您要在启动页面上运行链接验证器,则您的链接似乎确实有效。 那么,我们如何解决这个问题呢? 像这样:

    <a href="file.htm" onclick="window.open(this.href);
    return false;" target="newWin">

    免费学习PHP!

    全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

    原价$ 11.95 您的完全免费

    只有一个链接可以维护,并且正确的href将用于window.open方法。 太好了–现在我们要到达某个地方!

    弹出窗口杀手/ Mozilla禁用弹出窗口

    与禁用JavaScript一样,仅提供标准href意味着该链接仍然可以使用。 现在我们只需要解决哪个窗口具有焦点问题...

    完美的弹出脚本

    我们建议您使用一个函数,该函数可以放在一些共同共享JavaScript代码中(就像我们在此站点上所做的那样),并且可以轻松地从该站点的任何位置调用该函数。 这比每次都费力地写出window.open函数要好得多。 除了URL外,您可能还希望包括诸如高度和宽度之类的参数,以及选择哪种类型的弹出式样式(取决于您定义的样式)。

    这是我推荐的代码:

    var newWin = null;
    function popUp(strURL, strType, strHeight, strWidth) {  
     if (newWin != null && !newWin.closed)  
       newWin.close();  
     var strOptions="";  
     if (strType=="console")  
       strOptions="resizable,height="+  
         strHeight+",width="+strWidth;  
     if (strType=="fixed")  
       strOptions="status,height="+  
         strHeight+",width="+strWidth;  
     if (strType=="elastic")  
       strOptions="toolbar,menubar,scrollbars,"+  
         "resizable,location,height="+  
         strHeight+",width="+strWidth;  
     newWin = window.open(strURL, 'newWin', strOptions);  
     newWin.focus();  
    }

    函数中的其他代码处理焦点方面。 如果您单击调用此功能的链接,然后在页面上单击以隐藏弹出窗口,然后单击另一个弹出链接,则代码将评估弹出窗口的状态,然后关闭弹出窗口窗口,然后用新尺寸重新打开它。

    要调用该函数,您将使用以下代码:

    <a href="my-pop-up-window.htm"
     onclick="popUp(this.href,'console',400,200);return false;"  
     target="_blank">This is my link</a>

    或者,使用一些实际示例:

    这个
    是我的弹出链接(控制台模式)
    这个
    是我的弹出式窗口(固定模式)
    这个
    是我的(弹性模式)

    注意:“ return false”部分有效地取消了href的默认操作,因此它不会打开弹出窗口和普通HTML窗口,而是会打开一个窗口或另一个窗口。 尝试上面的链接(启用和不启用JavaScript)亲自查看。

    你还能要求什么呢? 好吧……这块蛋糕还有最后一块糖衣。

    关闭弹出窗口

    955_windowcontrols 弹出窗口打开后,我们可能会依靠人们使用浏览器/操作系统控件来关闭新打开的窗口。

    但是人们并不总是这样做! 因此,我们应该在弹出窗口本身中提供一个链接(或按钮,如果您愿意的话),以允许用户关闭它。 但是,假设我们的用户已禁用脚本,并且已通过标准href路径打开了弹出窗口。 您若有所思地提供的“关闭此窗口”链接将提示如下所示的不太友好的对话:

    955_uglydialogue

    要解决此问题,您应该使用JavaScript编写指向Web页面的关闭链接,并检查该窗口是否作为window.open()方法的一部分打开。 这样,如果它是一个真正的弹出窗口,则链接将出现,并且close()方法将起作用; 如果不是真正的弹出窗口,则不会显示该链接。

    这是执行此操作的代码:

    <script language="JavaScript">
    <!--  
    if (window.opener)  
     document.write('<strong><a href="#" onclick="self.close();">' +  
       'Close this window</a></strong>');  
    //-->  
    </script>

    再次尝试链接,亲眼看看:

    这个
    是我的弹出式窗口(固定模式)

    结论

    希望本教程证明了弹出链接可以访问,对搜索引擎友好并且是非侵入性的。 但是,即使您遵循了所有这些建议,您仍然应该问自己是否真的需要打开新窗口。

    最后要注意的一点是,弹出窗口应该是人们选择使用的东西,因此不要使用window.onload或window.onunload事件将弹出窗口强加给用户。 这总是使人们烦恼……除非他们想购买X10相机或访问“世界上最大的在线娱乐场”,但不知道,那就是!

    翻译自: https://www.sitepoint.com/perfect-pop-up/

    java窗口按钮弹出窗口

    展开全文
  • CEF 之自定义弹出窗口

    千次阅读 2019-07-18 15:43:40
    用自定义弹出窗口,替换默认弹出窗口 主要是用到CefLifeSpanHandler接口的OnBeforePopup方法 如果BrowserHandler没有继承这个接口,需要添加上 // BrowserHandler implements CefClient and a number of other...
  • Javascript实现弹出窗口实质上就是在浏览器上画了一个方形区域,并在开始时将其隐藏,只是到某个Javascript事件时才通过修改css的属性值来将其显示出来。 其大致步骤为: •创建一个装载弹出窗口的div 复制代码...
  • 退出弹出窗口是在访客即将离开网站时向他们显示的消息。 它们通常用于鼓励访问者完成购买或使访问者订阅电子邮件列表,或者只是通过建议他们可能感兴趣的产品或内容来使他们停留更长的时间。它们还可以用于征求有关...
  • 弹出页面被大多浏览器拦截,现在多数改为弹出窗口,即通过弹出层来实现,今天中国jquery实现可拖动弹出窗口特效jquery实现可拖动弹出窗口特效-带关闭按钮function popWin(a){function n(){var a=k?k:document.body,b...
  • 例如,用户可能需要删除帐户,更改用户名或确认货币交易。 在这种情况下,一种常见的UX方法是显示一个对话框,通常带有两个按钮。 一个用于取消,另一个用于继续操作。 多年来, 我们一直依靠JavaScript库来执行...
  • 1、最基本的弹出窗口代码    window.open ('page.html')  -->  因为这是一段javascripts代码,所以它们应该放在标签和之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为...
  • 一个最小的弹出窗口,模式窗口,通知窗口,叠加窗口,抽屉和对话框窗口插件。 查看以了解更多 发展历程 $ git clone git@github.com:Elkfox/Focus.git $ npm install 使用gulp编译焦点。 src文件位于src/focus.js...
  • 支持多层弹出窗口,使用静态模板,可以方便的更改窗口样式。 使用方法也很简单,调用的方法: lhgdialog.opendlg( 'LHGDIALOG弹出窗口', '_content.html', 400, 300 ); 说明: Lhgdialog....
  • 用jQuery实现弹出窗口/弹出div层

    万次阅读 2013-08-29 11:33:54
    JavaScript实现弹出窗口实质上就是在浏览器上画了一个方形区域,并在开始时将其隐藏,只是到某个JavaScript事件时才通过修改css的属性值来将其显示出来。 其大致步骤为: 创建一个装载弹出窗口的div  ...
  • 今天修改完成了项目中一个密码重置的模块,刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边,后来发现随着账户的增多就DIV就会显示到底部,操作起来很不方便于是就进行修改成了这样一来操作...
  • 完美的弹出窗口

    2002-12-04 00:00:00
    如果您认为雅各布尼尔森和他的支持者的喜欢, 没有什么比弹出式窗口更邪恶 。 而且在许多方面,这是正确的。... 问题弹出窗口弹出窗口的常见故障有: 如果禁用脚本,或者如果浏览器不支持JavaScrip...
  • 使用DIV弹出窗口来动态显示内容的原理:首先采用CSS和HTML隐藏弹窗中的内容,然后利用JavaScript(本教程中是JQuery)来动态显示它们。这种效果不仅能够充分利用有限的版面空间,而且能够提高用户体验;更重要的是,它...
  • 使用DIV弹出窗口来动态显示内容的原理:首先采用CSS和HTML隐藏弹窗中的内容,然后利用JavaScript(本教程中是JQuery)来动态显示它们。这种效果不仅能够充分利用有限的版面空间,而且能够提高用户体验;更重要的是,它...
  • 1.1 弹出窗口控制

    2016-04-06 11:00:25
    1打开新窗口显示广告信息  建两个页面,一个命名index.html和一个new.html页面,在index.html页面的head标签中间输入 window.open("new.html",... 打开index.html则在新窗口弹出另一个new.html页面 常用的wind
  • 基于zepto的移动端弹出窗口插件

    千次阅读 2016-03-16 17:37:27
    * [基于zepto的移动端弹出窗口插件] * @laike * @DateTime 2015-03-16T16:39:41+0800 * @param {[type]} $ [description] * @return {[type]} [description] */ ( function ($) { //队列 var queue = ...
  • (Ext基础篇) 弹出窗口

    千次阅读 2013-08-25 16:28:35
    诸如按钮的添加、删除、以及修改按下按钮所触发的事件等操作都非常难以执行,而在EXT的msgbox里都能实现,而且外观相当漂亮,本节将详细介绍EXT中的弹出窗口。  Ext.MessageBox为我们提供了弹出提示框的简单方法,...
  • lhgdialog v3.5.2 弹出窗口插件体积更小,调用更简单,功能更强大。 下载和说明文档都在我的主页上:http://lhgcore.com QQ讨论群:72997291 验证写上:lhgdi
  • 在这个岗位是10个jQuery的弹出窗口教程的编写,你会发现非常有用的,特别是如果你希望他们中的一个集成在您的网站。 请享用! 相关文章: 14个jQuery的模态对话框 更新13/06/2013:新增11 jQuery的Speedo的弹出 1....
  • 弹出窗口中的错误源URL是可单击的 在通知弹出窗口中显示错误详细信息 显示错误堆栈跟踪 显示错误列号 通知弹出窗口中的错误源是可单击的 不覆盖用户定义的错误处理程序 处理console.error()调用 处理丢失的js / ...
  • 由于项目要用到弹出窗口,或者叫做模拟窗口,这段时间就研究了下,解决方案很多,比如,window.open();window.showDialog();用层模拟,框架+DIV+Javascript.... 用window.open();这种方法的缺点是,会被浏览器或者...
  • lhgdialog DIV弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。 它的主要特点有: 代码简洁:整个组件所有代码总共18K,如果不算上图片和CSS样式表文件,总共大小才12K不到。(这是在代码未压缩...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,271
精华内容 10,908
关键字:

修改浏览器弹出窗口样式