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页面
那么在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的下载地址了,网上多的是,自己动手更有成就感,加油!!!