关jQuery弹出窗口简单实现代码-javascript编程
来源:才华咖 本文已影响2.69W人
来源:才华咖 本文已影响2.69W人
今天讲了Jquery的`弹出窗口的组成和用法:
先把引用文件的代码写好:
// 每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){//ID不重复idzt[x] = "zhuti"+x; //弹窗ID//初始化,接收参数ig = {width : h || 300, //宽度height : ht || 200, //高度buttons : ons || '', //默认无按钮title : e || '标题', //标题content : ent || '内容', //内容isMask : sk == falsefalse:sk || true, //是否遮罩isDrag : ag == falsefalse:ag || true, //是否移动};//加载弹出窗口var w = ($(window)h()h)/2;var h = ($(window)ht()ht)/2;var nr = "
";$("body")nd(nr);//加载弹窗标题var content ="
"+e+"
×
";//加载弹窗内容var nrh = ht - 75;content = content+"
"+ent+"
";//加载按钮content = content+"
"+ons+"
";//将标题、内容及按钮添加进窗口$('#'+idzt[x])(content);//创建遮罩层if(sk){var zz = "
";$("body")nd(zz);$("#zz")('display','block');}//最大最小限制,以免移动到页面外var maxX = $(window)h()h;var maxY = $(window)ht()ht;var minX = 0,minY = 0;//窗口移动if(ag){//鼠标移动弹出窗$("e")("mousedown",function(e){var n = $(this)("bs"); //取标识//使选中的到最上层$("i")("z-index",3);$('#'+idzt[n])("z-index",4);//取初始坐标var endX = 0, //移动后X坐标endY = 0, //移动后Y坐标startX = parseInt($('#'+idzt[n])("left")), //弹出层的初始X坐标startY = parseInt($('#'+idzt[n])("top")), //弹出层的初始Y坐标downX = ntX, //鼠标按下时,鼠标的X坐标downY = ntY; //鼠标按下时,鼠标的Y坐标//绑定鼠标移动事件$("body")("mousemove",function(es){endX = ntX - downX + startX; //X坐标移动end
aircy,的过程,作者,3页,教程,js,javascript,分享
30行代码实现Javascript中的MVC
在Java中执行JavaScript代码
javascript实现贪吃蛇代码
JavaScript如何实现JSON.stringify
JavaScript高级程序设计:本地对象Array
JavaScript实现网页刷新代码段
jQuery解析XML与传统JavaScript方法的差别
Javascript基础教程之数组array
JavaScript实现的div拖动效果实例代码
jQuery中的read和JavaScript中的onload函数的区别在哪
jquery中EasyUI同步树的实现代码
JavaScript简单实现放大镜效果代码
javascript实现小球的自由移动代码
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
Javascript实现全选并赋值给文本框代码实例
javascript的return语句的作用
Dreamweaver中JavaScript行为操作使用的总结
关jQuery弹出窗口简单实现代码-javascript编程
窗口的简单操作教学设计方案
如何理解Javascript的caller,callee,call,apply区别
javascript代码的练习题
高效编写JavaScript代码的技巧
JavaScript中创建字典对象(dictionary)的实例
简单窗帘工程合同
简单窗花剪纸教程
,javascript break和continue区别
java.util.ArrayDeque类使用方法介绍
分享jquery uaMatch源代码
JavaScript中push(),join() 函数实例详解
Javascript到PHP加密通讯的简单实现方法
Javascript到PHP加密通讯的简单实现
Dreamweaver中JavaScript行为操作使用方法
关于javascript中encodeURI和decodeURI的使用方法
有关JavaScript中的prototype.bind()方法介绍
关于JavaScript中isPrototypeOf函数作用和使用实例
Javascript中arguments对象的详解和使用方法
Dreamweaver中JavaScript行为操作
Javascript中设立对象的ReadOnly属性
JavaScript中的style.cssText使用教程分解