4.弹出层

artDialog 一个基于javascript编写的，拥有精致的界面与友好的接口的对话框组件

v4:http://demo.jb51.net/js/2011/artDialog/index.html

v6:http://aui.github.io/artDialog/doc/index.html

jQuery.blockUI.js Page or element overlay

GitHub下载地址：https://github.com/malsup/blockui

演示地址：http://jquery.malsup.com/block/

layer 一个让你想到即可做到的web弹窗/层解决方案

http://sentsin.com/jquery/layer/

Poshy Tip 一款非常友好的信息提示工具

http://vadikom.com/demos/poshytip/

Fullscreen Overlay Styles & Effects CSS3全屏遮罩插件

http://tympanus.net/Development/FullscreenOverlayStyles/

时间： 2024-08-28 05:11:46

4.弹出层的相关文章

jQuery点击弹出层，弹出模态框，点击模态框消失

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 <!DOCTYPE html>

JS简易弹出层手机版

简单说明手机弹出层模枋了WEIUI.弹出层原理还是依照bootstrap 去掉了PC端的ESC关闭.点击背景层时也不默认关闭. 模板样子 CSS样式 /*弹出时给body加上这个,关闭时去掉*/ .overhide { overflow: hidden; } /*关键样式遮罩层的*/ .msgboxshadow { position: fixed; /*固定定位*/ left: 0; top: 0; right: 0; bottom: 0; opacity: .5; /*背景透明度.这里没有

2.3 弹出层效果

中心主题:点击按钮的时候触发弹出层,点击弹出框上面的红色叉叉关闭弹出层一.HTML结构 <div class="maskFuc"> <div class="maskWrap"></div> <div class="mask"> <h2> 我们是遮罩层内容的头部<span>×</span></h2> </div> <button cl

弹出层，阻止页面滚动--阻止事件冒泡

今天要实现一个效果:点击图片后弹出一个浮层,该浮层内容比较多,设置overflow:auto;希望浮层滚动的时候,底层的页面是不动的.在网上查了很多,都没有找到解决方案,有人在问,但是并没有人回答.所以特地跑去问了师傅,在这里分享一下,希望遇到同样问题的小白,可以有所帮助. 首先,把底层页面放在一个div中,包起来,设置它的css样式: 1 #main{ 2 position: fixed; 3 width: 100%; 4 top:0; 5 height:100%; 6 z-index:1;

作品第二课----弹出层

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> <style type="text/css"> body, html { height:100%; overflow: hidd

实现一个简单的弹出层

弹出层的实现方式是让一个块层遮挡住最底下的层,在最顶上显示相应的内容,因为最底下的块级和最上面的块级属于一个页面,他们之间也可以共享一些数据(实现一些特定的操作) 下面是简单的一个实现的过程首先我们定义一个基本的页面结构 <div id="show"> //最底下的层 <input type="button" value="测试" id="test"/> </div> <div id

求出数组中所有数字的和&&弹出层效果

<!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> <meta http-equiv="Content-

jQuery点击自身以外地方关闭弹出层

$(function(){ $(document).bind("click", function (e) { if($(e.target).closest("#txt").length>0){ $("#tip").show(); }else{ $("#tip").hide(); } }); }); closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身.如果不匹配则向上查找父元素,一层一层往上,直到找到匹配

弹出层的背景宽高

var bgWidth = document.body.clientWidth + 'px', bgHeight = document.body.clientHeight + 'px', alertBgNode = $('.alertMessageBg'); alertBgNode.css({'width':bgWidth,'height':bgHeight}); 弹出层的背景宽高,布布扣,bubuko.com

弹出层详解，从简单到复杂

一.最简单的弹出 <!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> <meta http-equiv="