關jQuery彈出窗口簡單實現代碼-javascript編程
今天講了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
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
解決PHP中的Cannot modify header information 問題
我就遇到這種問題,網上找到這個解決的方案,就收藏下寫PHP的朋友們肯定遇到過這樣一個問題:通過header函數改變http協議頭的時候,會出現一個類似下面格式的warning:複製代碼代碼如下:Warning:Cannotmodifyheaderinformation-headersalreadysentby這是為什麼呢?因為在...
-
javascript設置創建動態表格的方法
兩種JavaScript動態創建table表格的方法,分享給大家,具體實現如下方法一:最原始的方法,創建一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//開始appendchild()追加各個元素ndChild(a4);ndChild(a3);nd...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...