項目技能培訓-彈窗控件layer使用說明

Layer一、layerlayerwebv1.8.5IE6LGPL，layerWBElayer2.03.0的版本計劃，將在Layeralertcomfirmajax載頁面彈窗，iframe彈窗，提示信息，等待圖標等多種彈窗樣式，功能較為全面。二、lay1簡設置方time：自動關閉秒數(shù)（2）,當設置為0圖標,彈出的動畫類型，具體值見layer.shiftcparmemsg的圖標類型（-1使用示2、alert簡設置方Msg:提示內容,Icon:圖標類型(-116的選擇),設置為-1fn使用！1fnindex級，當存在回調函數(shù)時，點擊確定按鈕不會關閉當前的alert彈窗，需要調用使用示layer.alert("帶回掉函數(shù)的Alert息框"1,function(index)3、comfirm簡設置方使用示layer.confirm4簡設置方varindex=Optionstitle:"彈出頁面 //彈出頁的標maxmin //是否能夠最大化和最小offset:['200px',''], border:[10,0.3, //設置邊框，參數(shù)對應【邊框大小,顏色】，不要邊框使用border:closeBtn:[0,true],//關閉按鈕設置，closeBtn的值分別為:[關閉按鈕的風格（支持01）,true]，若不想顯示關閉按鈕，配置closeBtn:falseshade:[0.5,'#000'],//設置遮罩，[遮罩,遮罩顏色]，shade:為不適用遮shadeClosetrue,//是否點擊遮罩關閉層area'460px''280px'],//彈出窗大小time10,//自動關閉等待秒數(shù)，整數(shù)值。fix:true,//用于設定層是否不隨滾動條而滾動，固定在可視區(qū)域move:'.xubox_title',//設定某個元素來實現(xiàn)對層的拖拽。值為：用來拖拽的元素選擇器，若不想拖拽，move:false可moveOut:false,//用于控制層是否允許被拖出可視窗口moveType:0, //默認為引導式拖動層，若值設為1，則直接拖動層bgcolor:'#81BA25',//用于控制層的背景色，如果不想設置任何顏色，設置空字符即可。但是對于type:0的框層而言，始終都是白色 ,//控制層堆疊順序（即css的z-index）。整數(shù)值。合理fadeIn: //用于控制層漸顯彈出,值為毫秒btns:2, //按鈕的個數(shù)。提供了0-2的選擇，設置0表示不輸出按鈕btn'確定''取消'],//[按鈕一的文鈕二的文本值btns大于0有效shift:'', (top),右上(right-top),右下(right-bottom),下(bottom),左下(left-bottom),左('left')。如shift:'top'表示從上動畫彈出optionssuccess://彈出層，成功彈出的函yes:function(index)//按鈕1點擊事layer.msg('點擊確定按鈕'2,layer.confirm('是否關閉彈窗'function(comfirmIndex)no:function(index)//按鈕2點擊事layer.msg('點擊取消按鈕'2,close:function(index)//關閉圖標點擊事layer.alert(end:function()//彈窗關閉完成后的事moveEnd:function()//移動完成后的事min:function(layero)//最小化圖標觸發(fā)的事full:function(layero)//全屏圖標觸發(fā)事restore:function(layero)//還原圖標觸發(fā)事}optiontype:1,//層的類型。0：信息框（默認），1：頁面層，2：iframe，3：需要配置，其它類型層在調用時必須設置type。page:{//page參數(shù)用來指定加載的頁面//加載一個字符串的HTML元html:'<divstyle="width:460px;height:245px;"><divstyle="padding:20px;">里面?zhèn)魅肴魏蝖tml元素page//加載一個頁面DOM元dom:page//加載一個java頁面元素，并設置成功時的回調函url:'<%=basePath%>test/getContent',ok:function(datas){}iframesrc:' iframe容scrolling:'auto' iframesrc: //定義iframe內scrolling:'auto' 5、Loading簡設置方、函數(shù)格、參數(shù)說loadStype：加載風格（0-3的選擇）如果parme是一個數(shù)字，則為自動關閉所需最長等待秒數(shù)(0時則不自動關閉)使用示varindexlayer.load("請稍等..."0);//參數(shù)：文字提示，等待時間，時間為0不取消等待setTimeout(function()layer.close(index);//ajax返回結果后主動關閉等待方},6、Tip簡tips設置方、函數(shù)格、參數(shù)說Followdom對象,對象最大寬度,guide:指引方向,style:tips樣式（參加api表格一中的style屬性）}使用示layer.tips('提示信息',//tip容 //dom對//parme允許傳這些屬性