自己改写一些jquery的部分代码,自己总结出来一个比较好用的jquery弹出框,留着以后工作时候再用。喜欢就拿走吧!            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-24 01:26:03
                            
                                627阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。 
1.$.messager.lays(width, height);该方法主要用来定义弹出窗口的宽度和高度。2.$.messager.anim(type,speed);该方法主要定义窗口以什么            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-11 22:09:20
                            
                                92阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在做网页的时候,弹出层是个很好用的东西,它既可以显示出我们想要的内容,又无需重新加载,而且弹出层的样式还可以按我们想要的效果改动,今天就来说一说怎么做一个弹出层。首先说一个js的方法。这个方法是以前看到的。既然是做弹出层,那么当然得先做几个div出来,如图首先是底层的一个div,然后是弹出的div,在底层和弹出之间还有个div,这个div是用来挡住底层div的,防止在窗口弹出后还能点击底层的元素。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-11 19:05:35
                            
                                71阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="../js/jquery-1.8.3.min.js" type="text/java            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-24 10:32:12
                            
                                285阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            分享几个jquery Dialog弹出窗插件 
    1)Zebra_Dialog是一个可灵活配置的对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2+支持。可用于替换JavaScript原始的“alert” 和“confirmation”对话框。这个插件使用jQuery Plugin Boilerplate构建。http://stefangabos.ro/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-24 10:49:58
                            
                                134阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            经常会有些同志问我有没有好用的基于jQuery的弹出层插件,我通常都会毫不犹豫的推荐他这款插件–BlockUI。我也极少接触到其他的jQuery弹出层插件,因为我觉得有了BlockUI这款功能强大的插件已经能满足我的需求了。先看看BlockUI的演示效果:  
 查看演示 
 BlockUI支持很多常见的弹出层,表单、图片、div窗口等。那么这个插件该如何使用呢?接着往下看。先导入jQuery的库            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-23 22:13:13
                            
                                0阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Dialog.js的相关注释已经添加,可以按照注释,进行相关样式的修改,适用于自定义的各个系统!dialog.js1 /**
  2  * jQuery的Dialog插件。
  3  *
  4  * @param object content
  5  * @param object options 选项。
  6  * @return 
  7  */
  8 function Dialog(            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-20 16:23:23
                            
                                56阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # jQuery 弹出框
在网页开发中,弹出框是一个常见的交互元素,用于提示信息、确认操作等。而使用 jQuery 来实现弹出框则是非常简单和便捷的。本文将介绍如何使用 jQuery 来创建弹出框,并附上代码示例供参考。
## jQuery 弹出框的基本实现原理
jQuery 是一个基于 JavaScript 的快速、简洁的跨平台 JavaScript 库。通过使用 jQuery,我们可以更            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-22 04:56:12
                            
                                3阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用jquery实现点击按钮弹出对话框html:<input type="button" id="btn02" value="修改密码" >
        <div id="div">
            <p class="exit">x</p><br>
            <div>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 12:54:06
                            
                                400阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            概述 
  SimpleModal是一个轻量级的jQuery插件,它为模态窗口(modal dialog)的开发提供了一个强有力的接口。可以把它当作模态窗口(modal dialog)的框架。SimpleModal给予你(创建你能够想像到的任何东西的)灵活性,然而却屏蔽了UI开发中的跨浏览器相关问题。 
用法 转自:高景洋个人官网(www.gjy.nev.cn) 
  SimpleModal提供            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-12 13:18:33
                            
                                99阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这是我在网上下载的一个案例,由于公司的项目要用到,我对他进行了改版。虽然是一个别人写的案例,但是我公司没有人能对它修改成需要的样式,我既然研究出来了,就在这里分享下我的心得!这里我把我理解的内容给大家解释下,希望用的时候可以方便的。 这段代码的结构是一个ul无序列表:<ul>
        <li>
            <a href="photos/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-05 07:21:13
                            
                                141阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JQuery插件TipsWindown 1.1 一个基于jQuery的弹出层。支持拖拽,支持内容为文字,图片,URL等!至于兼容性。在IE6下,弹出对像无法绝对固定。其他应该没啥大问题; 最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果。 应用演示 弹出文本信息提示: 我是下拉菜单
    tipsWindown("提示","text:提示            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-29 17:22:28
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # jQuery Alert弹出提示框
在网页开发中,经常需要弹出提示框来提醒用户操作或者展示重要信息。jQuery是一个广泛应用于网页开发的JavaScript库,其中有一个常用的功能就是弹出提示框。本文将介绍如何使用jQuery来实现弹出提示框,并演示代码示例。
## jQuery Alert弹出提示框代码示例
下面是一个简单的jQuery代码示例,实现点击按钮后弹出提示框:
```h            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-22 06:25:30
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <1> js或者jQuery访问页面中的框架iframe. 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下.
 
假设:父窗口  index.html ,有 id 为 subifrm 的 iframe
 
1. 在index.html执行JS直接访问子窗口中某元素 :
 
document.getElementById('subifrm').contentWindo            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-25 23:54:11
                            
                                278阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            引言查看项目代码的时候,发现项目中用到JqueryUi的弹出框,可拖拽,可设置模式对话框,就想着使用它弄一个登录页面。弹出框在Jquery Ui官网可定制下载弹出框,下载和弹出框下载相关的js文件,css文件。项目结构: Login.html引入文件:  1  <link href="Scripts/css/redmond/jquery-ui-1.10.4.custom.css"            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-07 23:06:19
                            
                                92阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
               前段时间在建设银行项目上用EXT完整做了个单页系统,太赶了,没有记录下任何东西,现在都忘了,怪可惜的。这次项目用JQuery做js的东西。主要用了个弹出层控件thickbox,自己也扩展和修改了一下。这里就记下来,也提供大家下载,希望对大家有用吧。  thickbox官方网站(上面有例子和基本的使用方法):http://jquery.com/demo/thickbox/  就我使用过程中,t            
                
         
            
            
            
              1.单行文本框的应用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head&g            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-11 13:48:53
                            
                                86阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在网上查了 很多 不是不符合就是效果不好;于是自己总结一番,解决此问题 
  原理: 
  常见问题: 
 
  弹出层居中了,背景也是半透明的  
 
  但是发现一拉动滚动条马上就露馅了发现背景只设置了屏幕所在段,其他部分都是原来的样子,而且弹出层因为滚动条移动不见了 这是网上大部分弹出层出现的普遍问题 
 
  问题解决办法,有三种 
 
  1.利用IE6的漏洞,_top和            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-24 10:38:32
                            
                                30阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在一些网页中,我们经常需要用到一些弹出层给用户做提示,我们一般的做法都是使用浏览器自带的alert来进行处理,但是对于不同的浏览器解析出来的样式都是不一样的。我们可以先写个小demo查看下各个浏览器的弹出样式:  测试代码如下:<html>
<header>
    <script type="text/javascript" src="js/jquery-1.8.3            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-09 17:51:27
                            
                                244阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             首先需要一个遮罩层来实现灰色背景。我们可以创建一个z-index高于其他层的DIV。然后设为绝对定位。接着获取页面的高度并把它作为这个DIV的高度。这样背景层的问题就OK了;背景层结构: < 
  div 
    
  id 
  = 
  " 
  windownbg 
  " 
    
  style 
  = 
  " 
  height: 
  " 
  +$( 
  docu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-10 13:08:38
                            
                                54阅读