tips悬停

tips悬停

http://www.php100.com/html/program/jquery/2013/0905/5970.html


http://vadikom.com/demos/poshytip/


http://www.cnblogs.com/best/archive/2011/09/27/2193572.html

JQuery插件TipsWindown 1.1

一个基于jQuery的弹出层。支持拖拽，支持内容为文字，图片，URL等!至于兼容性。在IE6下，弹出对像无法绝对固定。其他应该没啥大问题；

最新更新：(2010-08-12)：修正IE6下不能遮住下拉菜单的BUG，增加拖动时半透明效果。

应用演示

1. 弹出文本信息提示：
   我是下拉菜单

   tipsWindown("提示","text:提示信息内容","250","150","true","","true","msg")

   点击我弹出提示
2. 弹出页面中的某个ID的html：
   

   tipsWindown("标题","id:testID","300","200","true","","true","id")

   点击我弹出提示

   我是测试ID里的内容

   
   我换行了...
3. 弹出图片：
   

   tipsWindown("图片","img:图片路径","250","150","true","","true","img")

   点击我弹出提示
4. get加载一个.html文件（也可以是.php/.asp?id=4之类的）：
   

   tipsWindown("标题","url:get?test.html","250","150","true","","true","text");

   点击我弹出提示
5. 加载一个页面到框架显示：
   

   tipsWindown("标题","iframe:http://www.nowamagic.net","900","580","true","","true","leotheme");

   点击我弹出提示
6. 弹出一个不能拖动且没有遮罩背景的文本信息层：
   

   tipsWindown("提示","text:提示信息内容","250","150","false","","false","msg")

   点击我弹出提示
7. 弹出一个不能拖动，三秒钟自动关闭的层：
   

   tipsWindown("提示","text:提示信息内容","250","150","false","3000","true","msg")

   点击我弹出提示

参数说明

顺序	参数	功能	备注
1	title	弹出层的标题	必填，纯文本
2	content	弹出层的内容	text	文本内容
			id	页面里某id的子标签
			img	图片
			url	get或post某一页面里的html，该页面要求只包含body的子标签
			iframe	目标地址在框架显示
3	width	弹出层的宽	必填，比如“200”。（不需要带px）
4	height	弹出层的高	同 width
5	drag	是否可拖动	必填，可选参数（true,false）
6	time	自动消失时间	可不填，默认不自动关闭；参数可为空("")
7	showbg	是否显示遮罩层	可不填，默认不显示（此项如填了，它前面的time也必须要填）
8	cssName	弹出层附加样式名	可不填

像这种弹出透明背景层效果很常见了，除部分区域可以操作外其他区域不能操作，目前有提供插件，完全可以实现此种效果。

查看本页源代码可获取所有所需的代码。