调用 :<input type="text" size="8" id="titlecolor" name="titlecolor" value="" readonly onclick="showColor(this,'colorBox',event)" />
调用实例:
window.onload = function(){
example1 = new EasyWindow("测试窗口2" ,"这里是自定义:
<input type='text' />输入文字" ,"common")
example2 = new EasyWindow("测试窗口1" ,"http://www.baidu.com" ,"url" ,{
left:"300px" ,top:"100px" ,width:"750px" ,height:"600px" ,background:"images/gray.gif"
});
example3 = new EasyWindow("测试窗口3" ,"http://www.google.cn" ,"url" ,{
left:"400px" ,top:"200px" ,width:"750px"...
只需要包含一个js文件
然后在你要实现鼠标移上显示浮动层的标签上加上属性 title="body=[这里是浮动层的内容]"就可以了
还可以加入header属性 title="body=[这里是浮动层的内容],header=[标题内容]"
调用实例:
if ($('DIV')){CloseDIV('DIV');}
ShowDIV('DIV','标题信息','URL',x.php',500,420);
有时候我们想让div遮挡整个页面,页面可能出现滚动条,也可能不出现,页面有可能是html或者xhtml,这个方法可以通杀这些情况,而且根据你的要求,是盖整个页面,或者可视部分,在兼容性方面支持ie6-8、ff3.0-3.6、chrome、safari……浏览器等。
调用实例:
window.onload = function(){
example1 = new EasyWindow("测试窗口2" ,"这里是自定义:
<input type='text' />输入文字" ,"common")
example2 = new EasyWindow("测试窗口1" ,"http://www.baidu.com" ,"url" ,{
left:"300px" ,top:"100px" ,width:"750px" ,height:"600px" ,background:"images/gray.gif"
});
example3 = new EasyWindow("测试窗口3" ,"http://www.google.cn" ,"url" ,{
left:"400px" ,top:"200px" ,width:"750px"...