我想网

板凳编辑出品

tipsWindow 2.0

关于插件：

一个基于jQuery的弹出层。支持拖拽，内容为文字，ID，图片，URL，框架；
2.0已重写代码。兼容性就测了IE和FF。其他的懒得去测了。这个版本已解决了IE6下不能Fixed定位的问题
参数JS代码里已作注释，这里不再复述；所有参数都为可选。就这么多了；有问题大家留言或发邮件给我！

应用演示：

• 弹出普通文本信息提示(默认)：
  

  $("#test1").click(function(){
  	$(this).tipsWindow();
  });

  点击测试 http://www.iwanna.cn/ http://www.uheed.com/
• 弹出一个能拖动且有背景的信息提示：
  

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

  点击测试
• 弹出页面中的某个ID，点击关闭按钮后插入一个表格到测试ID后面：
  

  $.tipsWindow({
  	___title:"我是页面中的一个ID",
  	___content:"id:testID",
  	___width:"300",
  	___height:"200",
  	___drag:"___boxTitle",
  	___closeID:"c2",
  	___showbg:true,
  	___fns:function(){
  		Some code...
  	}
  });

  点击测试

  我是测试ID里的内容
  我换行了...
  

  关闭
• 弹出一张图片：
  

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

  点击测试
• get加载一个带关闭弹出层的.html文件（也可以是.php/.asp?id=4之类的）：
  

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

  点击测试
• 加载一个网页到框架里：
  

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

  点击测试
• 自动关闭演示：
  

  $("#test7").click(function(){
  	$(this).tipsWindow({
  		___title:"自动关闭",
  		___content:"text:3秒后我会自动关闭",
  		___width:"300",
  		___height:"200",
  		___drag:"___boxTitle",
  		___time:"3000",
  		___showbg:true
  	});
  });

  点击测试

相关下载：

JS文件下载 | 完整包下载

最后更新日期：2010-11-22 By Await