学步园

XYTipsWindow
2.8 ，一款轻量级Jquery弹窗插件！

XYTipsWindow 2.8 ，一款轻量级Jquery弹窗插件！

兼容性不错，基本上每个浏览器都支持，收藏一下！

弹出普通文本信息提示以及位置演示： 

$("#ID").click(function(){
	$.XYTipsWindow();//默认
	$.XYTipsWindow({___offsets:"left-top"});//左上角
	$.XYTipsWindow({___offsets:"right-top"});//右上角
	$.XYTipsWindow({___offsets:"left-bottom"});//左下角
	$.XYTipsWindow({___offsets:"right-bottom"});//右下角
	$.XYTipsWindow({___offsets:"left-middle"});//靠左居中
	$.XYTipsWindow({___offsets:"right-middle"});//靠右居中
	$.XYTipsWindow({___offsets:"middle-top"});//居中置顶
	$.XYTipsWindow({___offsets:"middle-bottom"});//居中置底
	$.XYTipsWindow({___offsets:{left:"100px",top:"100px"}});//自定义
});

弹出一个普通的信息提示（可拖动，遮罩层）：

$("#test2").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"text:提示信息内容",
		___width:"300",
		___height:"200",
		___dray:"___boxTitle",
		___showbg:true
	});
});

弹出页面中的某个ID（可拖动，遮罩层）：

$.XYTipsWindow({
	___title:"弹出页面中的某个ID",
	___content:"id:testID",
	___showbg:true,
	___drag:"___boxTitle"
});

弹出一张图片（可拖动，遮罩层）：

$("#test4").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"img:图片路径",
		___width:"500",
		___height:"250",
		___drag:"___boxTitle",
		___showbg:true
	});
});

弹出一个视频或FLASH动画（可拖动）：

$("#test4").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"swf:路径",
		___width:"225",
		___height:"185",
		___drag:"___boxTitle"
	});
});

加载一个文件（也可以是.php/.asp?id=4之类的,可拖动，遮罩层）：

$("#test5").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"url:get?test.html",
		___width:"400",
		___height:"200",
		___drag:"___boxTitle",
		___showbg:true
	});
});

加载一个网页到框架里（可拖动，遮罩层）：

$("#test6").click(function(){
	$(this).XYTipsWindow({
		___title:"框架应用",
		___content:"iframe:http://leotheme.cn",
		___width:"900",
		___height:"500",
		___drag:"___boxTitle",
		___showbg:true
	});
});

官方网址：点击打开链接

个人体会，此插件从功能上讲还可以，可拖动，遮罩层，可以弹出div,image，flash,jsp页面等等，但是其引入的jquery-1.4.4.min.js让我苦不堪言，因为此js文件对于js冲突尤为严重。

例如我在index.isp页面中动态include另一个jsp页面

<jsp:include page="../top.jsp" flush="true"></jsp:include>

那么在top.jsp文件中不能引入jquery-1.4.4.min.js，因为index.jsp页面已经引入过jquery-1.4.4.min.js

还有一点值得注意jquery-1.4.4.min.js和jQuery1.7.js有冲突，尽量不要同时引入，不然会有Object doesn't support
this property or method 错误

=======最后======

Object
doesn't support this property or method 错误解决，这些情况我都还没碰到，都是网友说的，先留下，说不定哪天就遇到了

问题原因： 
1：js代码用了javascript关键字 
2：方法名和表单或者div form名冲突 
3.button中有name＝"submit" 
4.上传图片时提示：Object doesn't support this property or method 
原因：服务器上安装的AspJpeg的版本低于1.4版。 
解决方法：安装1.4或以上版本的AspJpeg组件。

在这我就不留XYTipsWindow 2.8的下载地址了，网上多的是，自己动手更有成就感，加油！！！