關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開發工程師的主要職責
PHP開發工程師的主要職責1職責:1、負責公司後端的研發,保障系統的穩定性和質量2、與業務需求部門及項目經理溝通,理解需求,進行架構設計;3、搭建開發框架、負責核心代碼的編寫,解決技術難點;4、界定、分析和解決系統中存在的問題和缺陷;5、對系統進行持續改進,提升系...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
css經典教程
css經典教程1有些習慣顯得尤為重要,今天與您分享六個CSS習慣。因為習慣其實是會變的,所以只能寫“最近”的。這些習慣都跟技術無關,如果不遵守,也不會出錯。但是我覺得良好的習慣會體現一個人的素質。我們在中向大家介紹過很多CSS經驗與技巧,這些東西都發布在/css/...