一. jquery 悬浮框功能,点击弹出层支持拖动。
1.建立html文件命名为divtest.html,建立好文件架构,架构文件是:
demofdivs.rar,divtest.html文件的内容如下所示:
jquery可拖动弹出层插件点击弹出层演示页面
function showTipsWindown(title,id,width,height){
tipsWindown(title,"id:"+id,width,height,"true","","true",id);
}
function confirmTerm(s) {
parent.closeWindown();
if(s == 1) {
parent.document.getElementById("isread").checked = true;
}
}
//弹出层调用
function popTips(){
showTipsWindown("我要提问", 'simTestContent', 600, 300);
$("#isread").attr("checked", false);
}
$(document).ready(function(){
$(".ico_pp").click(popTips);
$("#osiqq").click(popTips);
//$(".ico_os").click(popTips);
});
弹出新窗口的方法。
window.open ('?act=list_customer&open=1','newwindow','height=400,width=800,top=150,left=150,toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no');
脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏
js点击弹出并实现子级窗**互
主页面add1.html 主页面的内容:
function showmodal(){
var ret = window.showModalDialog("add1.html",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");
if (ret){alert(ret);
}else{
alert('aaa');
}
}
子级页面已经内容add1.html
function trans(tag){
if (tag==0){
window.returnValue=2;
} else{
window.returnValue =2;
}
window.close();
}
实现窗口之间值得相互传递
内容仅供参考,希望对你有帮助能够。。。
阅读(589) | 评论(0) | 转发(0) |