多面板彈出層

2021-08-31 14:48:08 字數 405 閱讀 6281

在專案中經常會使用到彈出層的效果,今天做了乙個,功能包含:多**,自定義,相容ie和火狐瀏覽器

使用方法如下:

1.引用jquery 1.4.1

2.引用**css,可以選擇各種**:黑色,藍色,qq和灰色

3.引用主要js檔案,如下:

4.呼叫方法,如下:

主要包含引數列表如下:

opactiy代表透明度,drag是否可移動層,title標題,content層中內容,left左邊位置,top上面位置,width寬度,height高度,overlay是否有遮罩,loadstr載入速度慢時顯示文字,close是否顯示關閉按鈕,iframe彈出iframe視窗,targeturl跳轉按鈕位址。

注意content和iframe不要同時存在。targeturl和close要同時存在

製作彈出層

最近在做乙個公司部落格,頁面上用到了很多彈出層,於是大家就仿照著其他 上的彈出層做了乙個。提示 頁面彈出層樣式 background outdiv outtitle titlelayer closelayer outcontent outbottom outdiv input 頁面彈出層 funct...

layer關閉彈出層,彈出列印

常規的話,下面能夠完成關閉彈出層 var index parent.layer.getframeindex window.name 延遲關閉 解決列印視窗彈不出來的情況 parent.layer.close index 可是當這裡需要關閉的同時彈出列印視窗的時候,就會發現失效了,能關閉,可是列印視窗...

自定義select彈出面板

自定義select彈出面板 根據按下的按鍵和option的內容定位到option 選中項左側標記 自定義滾動條 上下鍵滾動列表,回車選定 事件委託 效果圖 js呼叫 initselect s s為select的id或select的dom物件 selectdemo.html info use cust...