var d = offset($(btn));
调用:d.width,d.height,d.left,d.top
需要把4部份代码合并到一个文件中!
调用实例:
<p onclick='scwShow(this,event);'>06-Dec-2006
<input onclick='scwShow(this,event);' value='07-Dec-2006' />
<a href='#' onclick='scwShow(this,event);return false;'>08-Dec-2006</a>
调用实例:
if ($('DIV')){CloseDIV('DIV');}
ShowDIV('DIV','标题信息','URL',x.php',500,420);
有时候我们想让div遮挡整个页面,页面可能出现滚动条,也可能不出现,页面有可能是html或者xhtml,这个方法可以通杀这些情况,而且根据你的要求,是盖整个页面,或者可视部分,在兼容性方面支持ie6-8、ff3.0-3.6、chrome、safari……浏览器等。
我这里做的是一个颜色选择器,需要的可以自己随意更改变换的!
代码需要prototype.js支持,如不使用prototype.js,则请将JS代码中的$全部改成document.getElementById
我的代码测试环境是 IE9 和 Firefox 3.6.13
调用实例:
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"...
调用方法:<input type="button" id="button" value="BUTTON" onclick="CreateDIV(\'测试窗口\',600,300,\'http://www.g.cn\')" />
使用方法:
1、点击多选的多选框加上一个属性 rel=”M”
2、点击多选的多选框id属性 和 被选择的多选框 name属性相同
例:
<input id="xiedaima" type="checkbox" rel="M" />全选
<input type="checkbox" name="xiedaima" />选项1
<input type="checkbox" name="xiedaima" />选项2
<input type="checkbox" name="xiedaima" />选项3...