http://www.php100.com/html/program/jquery/2013/0905/5970.htmlhttp://vadikom.com/demos/poshytip/http://www.cnblogs.com/best/archive/2011/09/27/2193572.html
JQuery插件TipsWindown 1.1
一個(gè)基于jQuery的彈出層。支持拖拽，支持內(nèi)容為文字，圖片，URL等!至于兼容性。在IE6下，彈出對(duì)像無(wú)法絕對(duì)固定。其他應(yīng)該沒(méi)啥大問(wèn)題；
最新更新：(2010-08-12)：修正IE6下不能遮住下拉菜單的BUG，增加拖動(dòng)時(shí)半透明效果。
應(yīng)用演示
- 彈出文本信息提示：
tipsWindown("提示","text:提示信息內(nèi)容","250","150","true","","true","msg")
- 彈出頁(yè)面中的某個(gè)ID的html：
tipsWindown("標(biāo)題","id:testID","300","200","true","","true","id")
我是測(cè)試ID里的內(nèi)容
我換行了...
- 彈出圖片：
tipsWindown("圖片","img:圖片路徑","250","150","true","","true","img")
- get加載一個(gè).html文件（也可以是.php/.asp?id=4之類的）：
tipsWindown("標(biāo)題","url:get?test.html","250","150","true","","true","text");
- 加載一個(gè)頁(yè)面到框架顯示：
tipsWindown("標(biāo)題","iframe:http://www.nowamagic.net","900","580","true","","true","leotheme");
- 彈出一個(gè)不能拖動(dòng)且沒(méi)有遮罩背景的文本信息層：
tipsWindown("提示","text:提示信息內(nèi)容","250","150","false","","false","msg")
- 彈出一個(gè)不能拖動(dòng)，三秒鐘自動(dòng)關(guān)閉的層：
tipsWindown("提示","text:提示信息內(nèi)容","250","150","false","3000","true","msg")
參數(shù)說(shuō)明
| 順序 |
參數(shù) |
功能 |
備注 |
| 1 |
title |
彈出層的標(biāo)題 |
必填，純文本 |
| 2 |
content |
彈出層的內(nèi)容 |
text |
文本內(nèi)容 |
| id |
頁(yè)面里某id的子標(biāo)簽 |
| img |
圖片 |
| url |
get或post某一頁(yè)面里的html，該頁(yè)面要求只包含body的子標(biāo)簽 |
| iframe |
目標(biāo)地址在框架顯示 |
| 3 |
width |
彈出層的寬 |
必填，比如“200”。（不需要帶px） |
| 4 |
height |
彈出層的高 |
同 width |
| 5 |
drag |
是否可拖動(dòng) |
必填，可選參數(shù)（true,false） |
| 6 |
time |
自動(dòng)消失時(shí)間 |
可不填，默認(rèn)不自動(dòng)關(guān)閉；參數(shù)可為空("") |
| 7 |
showbg |
是否顯示遮罩層 |
可不填，默認(rèn)不顯示（此項(xiàng)如填了，它前面的time也必須要填） |
| 8 |
cssName |
彈出層附加樣式名 |
可不填 |
像這種彈出透明背景層效果很常見(jiàn)了，除部分區(qū)域可以操作外其他區(qū)域不能操作，目前有提供插件，完全可以實(shí)現(xiàn)此種效果。
查看本頁(yè)源代碼可獲取所有所需的代碼。