你的位置: PHP爱好者论坛 -> Javascript/Ajax ->超级酷的WEB Winvista窗口(可新建,可拖动)

超级酷的WEB Winvista窗口(可新建,可拖动)

我不是鱼
yafeikf

UID
2 
帖子
1402 
积分
3221 
在线时间
2077小时 
注册时间
2006-05-16 
最后登录
2019-01-15 
1# 我不是鱼 发表于2006-09-03

超级酷的WEB Winvista窗口(可新建,可拖动)

效果

http://www.phpfans.net/bbs/mytest/winvista.html

[复制到剪切板]
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>php爱好者</title>
<script language="javascript">
var webserver="";
var newphotoimg1_1=new Image();
newphotoimg1_1.src=webserver+"1_r1_c1.png";
var newphotoimg1_2=new Image();
newphotoimg1_2.src=webserver+"1_r1_c2.png";
var newphotoimg1_3=new Image();
newphotoimg1_3.src=webserver+"1_r1_c4.png";
var newphotoimg1_4=new Image();
newphotoimg1_4.src=webserver+"1_r2_c11.png";
var newphotoimg1_5=new Image();
newphotoimg1_5.src=webserver+"1_r2_c2.png";
var newphotoimg1_6=new Image();
newphotoimg1_6.src=webserver+"1_r2_c5.png";

var newphotoimg1_7=new Image();
newphotoimg1_7.src=webserver+"1_r5_c1.png";
var newphotoimg1_8=new Image();
newphotoimg1_8.src=webserver+"1_r5_c2.png";
var newphotoimg1_9=new Image();
newphotoimg1_9.src=webserver+"1_r5_c5.png";
var newphotoimg2_1=new Image();
newphotoimg2_1.src=webserver+"2_r1_c1.png";
var newphotoimg2_2=new Image();
newphotoimg2_2.src=webserver+"2_r1_c2.png";
var newphotoimg2_3=new Image();
newphotoimg2_3.src=webserver+"2_r1_c4.png";
var newphotoimg2_4=new Image();
newphotoimg2_4.src=webserver+"2_r2_c11.png";
var newphotoimg2_5=new Image();
newphotoimg2_5.src=webserver+"2_r2_c2.png";
var newphotoimg2_6=new Image();
newphotoimg2_6.src=webserver+"2_r2_c5.png";
var newphotoimg2_7=new Image();
newphotoimg2_7.src=webserver+"2_r5_c1.png";
var newphotoimg2_8=new Image();
newphotoimg2_8.src=webserver+"2_r5_c2.png";
var newphotoimg2_9=new Image();
newphotoimg2_9.src=webserver+"2_r5_c5.png";
var t=new Object();
var obj_moing=false;
var obj_resize="";
var obj_Ofx=0;
var obj_Vfx=0;
var obj_lastx=0;
var obj_Ofy=0;
var obj_Vfy=0;
var obj_lasty=0;
var alldivnum=2;
var allwidth=0;
var allheight=0;
var closeleft=0;
var closetop=0;
var moveallwidth=0;
var moveallheight=0;
var moveleft=0;
var movetop=0;
var curX=0;
var curY=0;
var resizeobjnum=0;
var pagewidth=0;
var pageheight=0;
var istrmoveing=0;
//alert(pagewidth+"|"+pageheight);
function istrmove(yesorno)
{
    if (yesorno=="yes")
    {
        istrmoveing=1;
    }
    else
    {
        istrmoveing=0;
    }
}
function down_obj(obj)
{
    if(obj_moing) return; //如果正在拖动,那么返回
    var objnum=obj.replace("photodiv","");
    if (document.getElementById("ismax"+objnum).value=="yes")
    {
        return false;
    }
    //alert(objnum);
    document.getElementById(obj).style.zIndex=100+alldivnum;
    document.getElementById("topleft"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_1.src+"')";
    document.getElementById("topcenter"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_2.src+"',sizingMethod='scale')";
    document.getElementById("topright"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_3.src+"')";
    document.getElementById("middleleft"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_4.src+"',sizingMethod='scale')";
    document.getElementById("middlecenter"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_5.src+"',sizingMethod='scale')";
    document.getElementById("middleright"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_6.src+"',sizingMethod='scale')";
    document.getElementById("bottomleft"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_7.src+"')";
    document.getElementById("bottomcenter"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_8.src+"',sizingMethod='scale')";
    document.getElementById("bottomright"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_9.src+"')";

    for(i=1;i<=alldivnum;i++)
    {
        if (obj!="photodiv"+i)
        {
            if (document.getElementById("photodiv"+i))
            {
                document.getElementById("photodiv"+i).style.zIndex=parseInt(document.getElementById("photodiv"+i).style.zIndex)-1;
                document.getElementById("topleft"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_1.src+"')";
                document.getElementById("topcenter"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_2.src+"',sizingMethod='scale')";
                document.getElementById("topright"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_3.src+"')";
                document.getElementById("middleleft"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_4.src+"',sizingMethod='scale')";
                document.getElementById("middlecenter"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_5.src+"',sizingMethod='scale')";
                document.getElementById("middleright"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_6.src+"',sizingMethod='scale')";
                document.getElementById("bottomleft"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_7.src+"')";
                document.getElementById("bottomcenter"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_8.src+"',sizingMethod='scale')";
                document.getElementById("bottomright"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_9.src+"')";
            }
        }
    }
    curX=event.clientX+document.documentElement.scrollLeft;
    curY=event.clientY+document.documentElement.scrollTop;
    moveallwidth=parseInt(document.getElementById(obj).offsetLeft)+parseInt(document.getElementById(obj).offsetWidth);
    moveallheight=parseInt(document.getElementById(obj).offsetTop)+parseInt(document.getElementById(obj).offsetHeight);
    moveleft=parseInt(moveallwidth)-parseInt(curX);
    movetop=parseInt(moveallheight)-parseInt(curY);
    if (moveleft<=7 && moveleft>=5)
    {
        if (moveleft<=7 && moveleft>=5 && movetop<=13 && movetop>=6)
        {
            //document.getElementById(obj).style.cursor="ne-resize";
            obj_resize="right_bottom";
        }
        else
        {
            obj_resize="right_right";
        }
        document.getElementById(obj).setCapture();    //锁住图片
    }
    else if (movetop<=10 && movetop>=8)
    {
        //document.getElementById(obj).style.cursor="n-resize";
        obj_resize="bottom_bottom";
        document.getElementById(obj).setCapture();    //锁住图片
    }
    else
    {
        //document.getElementById(obj).style.cursor="";
        obj_resize="";
        obj_Ofx = event.clientX;    //获取鼠标在网页中的X坐标
        obj_Vfx = document.getElementById(obj).offsetLeft;    //获取图片的左位置
        obj_Ofy = event.clientY;    //获取鼠标在网页中的X坐标
        obj_Vfy = document.getElementById(obj).offsetTop;    //获取图片的左位置
        document.getElementById(obj).setCapture();    //锁住图片
        obj_moing = true;    //设正在拖动
    }
}
function up_obj(obj)    //当鼠标弹起时触发
{
    var objnum=obj.replace("photodiv","");
    if(obj_moing==true && obj_resize=="") //如果不是正在拖动,那么
    {
        document.getElementById("lefttop"+objnum).value=parseInt(document.getElementById(obj).style.left)+","+parseInt(document.getElementById(obj).style.top);
        document.getElementById(obj).releaseCapture();    //释放锁住的图片
        obj_moing = false;    //设不是正在拖动
    }
    else if (obj_moing==false && obj_resize!="")
    {
        document.getElementById("widthheight"+objnum).value=parseInt(document.getElementById(obj).offsetWidth)+","+parseInt(document.getElementById(obj).offsetHeight);
        document.getElementById("lefttop"+objnum).value=parseInt(document.getElementById(obj).style.left)+","+parseInt(document.getElementById(obj).style.top);
        document.getElementById(obj).releaseCapture();    //释放锁住的图片
        obj_resize="";
    }
}
function move_obj(obj)    //当鼠标移动时触发
{
    if(obj_moing==false && obj_resize=="") //如果不是正在拖动,那么返回
    {
        curX=event.clientX+document.documentElement.scrollLeft;
        curY=event.clientY+document.documentElement.scrollTop;
        moveallwidth=parseInt(document.getElementById(obj).offsetLeft)+parseInt(document.getElementById(obj).offsetWidth);
        moveallheight=parseInt(document.getElementById(obj).offsetTop)+parseInt(document.getElementById(obj).offsetHeight);
        moveleft=parseInt(moveallwidth)-parseInt(curX);
        movetop=parseInt(moveallheight)-parseInt(curY);
        if (moveleft<=7 && moveleft>=5)
        {
            if (moveleft<=7 && moveleft>=5 && movetop<=13 && movetop>=6)
            {
                document.getElementById(obj).style.cursor="se-resize";
            }
            else
            {
                document.getElementById(obj).style.cursor="w-resize";
            }
        }
        else if (movetop<=10 && movetop>=8)
        {
            document.getElementById(obj).style.cursor="n-resize";
        }
        else
        {
            document.getElementById(obj).style.cursor="";
        }
        //var objnum=obj.replace("photodiv","");
        //document.getElementById("middlecenter"+objnum).innerHTML=document.getElementById(obj).offsetLeft+","+document.getElementById(obj).offsetWidth+"|"+document.getElementById(obj).offsetTop+"<br>"+curX+"|"+curY;
        //document.getElementById("middlecenter"+objnum).innerHTML=event.x;
    }
    else
    {
        if (obj_moing==true)
        {
            curX=event.clientX;
            curY=event.clientY;
            obj_lastx=obj_Vfx+curX-obj_Ofx;    //取得移动后的左位置
            obj_lasty=obj_Vfy+curY-obj_Ofy;    //取得移动后的上位置
            //if (photo_lastx>184) photo_lastx=184;    //如果左位置大于184,那么等于184.....防止超出指定的范围
            //if (photo_lastx<164) photo_lastx=164;    //如果左位置小于164,那么等于164.....防止超出指定的范围
            document.getElementById(obj).style.left = obj_lastx;    //设定移动后的位置
            document.getElementById(obj).style.top = obj_lasty;    //设定移动后的位置
        }
        else
        {
            resizeobjnum=obj.replace("photodiv","");
            switch(obj_resize)
            {
                case "right_right":
                    if (event.clientX-parseInt(document.getElementById(obj).offsetLeft)<290)
                    {
                        document.getElementById(obj).style.width=290;
                        document.getElementById("topcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-120;
                        document.getElementById("middlecenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        document.getElementById("bottomcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                    }
                    else
                    {
                        if (event.clientX-parseInt(document.getElementById(obj).offsetLeft)<pagewidth)
                        {
                            document.getElementById(obj).style.width=event.clientX-parseInt(document.getElementById(obj).offsetLeft);
                            document.getElementById("topcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-120;
                            document.getElementById("middlecenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                            document.getElementById("bottomcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        }
                    }
                    break;
                case "bottom_bottom":
                    if (event.clientY-parseInt(document.getElementById(obj).offsetTop)<70)
                    {
                        document.getElementById(obj).style.height=70;
                        document.getElementById("middlecenter"+resizeobjnum).height=parseInt(document.getElementById(obj).style.height)-40;
                    }
                    else
                    {
                        if (event.clientY-parseInt(document.getElementById(obj).offsetTop)<pageheight)
                        {
                            document.getElementById(obj).style.height=event.clientY-parseInt(document.getElementById(obj).offsetTop);
                            document.getElementById("middlecenter"+resizeobjnum).height=parseInt(document.getElementById(obj).style.height)-40;
                        }
                    }
                    break;
                case "right_bottom":
                    if ((event.clientY-parseInt(document.getElementById(obj).offsetTop)<70) && (event.clientX-parseInt(document.getElementById(obj).offsetLeft)<290))
                    {
                        document.getElementById(obj).style.width=290;
                        document.getElementById("topcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-120;
                        document.getElementById("middlecenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        document.getElementById("bottomcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        document.getElementById(obj).style.height=70;
                        document.getElementById("middlecenter"+resizeobjnum).height=parseInt(document.getElementById(obj).style.height)-40;
                    }
                    else if ((event.clientY-parseInt(document.getElementById(obj).offsetTop)>=70) && (event.clientX-parseInt(document.getElementById(obj).offsetLeft)<290))
                    {
                        document.getElementById(obj).style.width=290;
                        document.getElementById("topcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-120;
                        document.getElementById("middlecenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        document.getElementById("bottomcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        if (event.clientY-parseInt(document.getElementById(obj).offsetTop)<pageheight)
                        {
                            document.getElementById(obj).style.height=event.clientY-parseInt(document.getElementById(obj).offsetTop);
                            document.getElementById("middlecenter"+resizeobjnum).height=parseInt(document.getElementById(obj).style.height)-40;
                        }
                    }
                    else if ((event.clientY-parseInt(document.getElementById(obj).offsetTop)<70) && (event.clientX-parseInt(document.getElementById(obj).offsetLeft)>=290))
                    {
                        if (event.clientX-parseInt(document.getElementById(obj).offsetLeft)<pagewidth)
                        {
                            document.getElementById(obj).style.width=event.clientX-parseInt(document.getElementById(obj).offsetLeft);
                            document.getElementById("topcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-120;
                            document.getElementById("middlecenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                            document.getElementById("bottomcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                        }
                        
                        document.getElementById(obj).style.height=70;
                        document.getElementById("middlecenter"+resizeobjnum).height=parseInt(document.getElementById(obj).style.height)-40;
                    }
                    else
                    {
                        if (event.clientX-parseInt(document.getElementById(obj).offsetLeft)<pagewidth && event.clientY-parseInt(document.getElementById(obj).offsetTop)<pageheight)
                        {
                            document.getElementById(obj).style.width=event.clientX-parseInt(document.getElementById(obj).offsetLeft);
                            document.getElementById("topcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-120;
                            document.getElementById("middlecenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                            document.getElementById("bottomcenter"+resizeobjnum).width=parseInt(document.getElementById(obj).style.width)-30;
                            document.getElementById(obj).style.height=event.clientY-parseInt(document.getElementById(obj).offsetTop);
                            document.getElementById("middlecenter"+resizeobjnum).height=parseInt(document.getElementById(obj).style.height)-40;
                        }
                    }
                    break;
                default:

                    break;
            }
        }
    }
}
function showadddiv()
{
    document.getElementById("addtable").style.display="";
}
function isnumber(str) /*是否为数字(匹配整数,包括小数点)*/
{
    var renr=true;
    for (var i=0;i<str.length;i++)
    {
        var substr = str.charAt(i);
        //alert(substr);
        var reg = /[^(-?\d+)(\.\d+)?$]/;
        if (reg.test(substr)==true)
        {
            renr=false;
            break;
        }
    }
    return renr;
}
function adddiv()
{
    var innercode=document.getElementById("newcode").value;
    var innerwidth=document.getElementById("newdivwidth").value;
    var innerheight=document.getElementById("newdivheight").value;
    var innertitle=document.getElementById("newdivtitle").value;
    if (isnumber(innerwidth)==false || innerwidth=="")
    {
        alert("初始化窗口的宽不正确");
        document.getElementById("newdivwidth").focus();
        document.getElementById("newdivwidth").select();
        return false;
    }
    if (isnumber(innerheight)==false || innerheight=="")
    {
        alert("初始化窗口的高不正确");
        document.getElementById("newdivheight").focus();
        document.getElementById("newdivheight").select();
        return false;
    }
    if (parseInt(innerwidth)>parseInt(pagewidth))
    {
        alert("初始化窗口的宽超过屏幕显示的范围");
        document.getElementById("newdivwidth").focus();
        document.getElementById("newdivwidth").select();
        return false;
    }
    if (parseInt(innerheight)>parseInt(pageheight))
    {
        alert("初始化窗口的高超过屏幕显示的范围");
        document.getElementById("newdivheight").focus();
        document.getElementById("newdivheight").select();
        return false;
    }
    if (innertitle.indexOf("<")!=-1)
    {
        alert("初始化窗口的标题不能包括特殊符号");
        document.getElementById("newdivtitle").focus();
        document.getElementById("newdivtitle").select();
        return false;
    }
    if (parseInt(innerwidth)<290)
    {
        alert("初始化窗口的宽不能小于290");
        document.getElementById("newdivwidth").focus();
        document.getElementById("newdivwidth").select();
        return false;
    }
    if (parseInt(innerheight)<70)
    {
        alert("初始化窗口的高不能小于70");
        document.getElementById("newdivheight").focus();
        document.getElementById("newdivheight").select();
        return false;
    }
    innerwidth=parseInt(innerwidth);
    innerheight=parseInt(innerheight);
    var tdwidthtop=innerwidth-120;
    var tdwidth=innerwidth-30;
    var tdheight=innerheight-40;
    alldivnum=alldivnum+1;
    var ff="        <table border=\"0\" style=\"table-layout:fixed;\" id=\"phototable"+alldivnum+"\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
    ff=ff+"            <tr>";
    ff=ff+"                <td height=\"25\" width=\"15\" id=\"topleft"+alldivnum+"\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_1.src+"');\"><input type=\"hidden\" value=\"20,7\" id=\"lefttop"+alldivnum+"\" /><input type=\"hidden\" value=\""+innerwidth+","+innerheight+"\" id=\"widthheight"+alldivnum+"\" /><input type=\"hidden\" value=\"no\" id=\"ismax"+alldivnum+"\" /></td>";
    ff=ff+"                <td height=\"25\" valign=\"bottom\" id=\"topcenter"+alldivnum+"\" width=\""+tdwidthtop+"\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_2.src+"',sizingMethod='scale');overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;\">"+innertitle+"</td>";
    ff=ff+"                <td height=\"25\" id=\"topright"+alldivnum+"\" width=\"105\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_3.src+"');\"></td>";
    ff=ff+"            </tr>";
    ff=ff+"            <tr>";
    ff=ff+"                <td colspan=\"3\">";
    ff=ff+"                    <table border=\"0\" width=\"100%\" style=\"table-layout:fixed;\" cellspacing=\"0\" cellpadding=\"0\">";
    ff=ff+"                        <tr>";
    ff=ff+"                            <td width=\"15\" id=\"middleleft"+alldivnum+"\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_4.src+"',sizingMethod='scale');\"></td>";
    ff=ff+"                            <td id=\"middlecenter"+alldivnum+"\" height=\""+tdheight+"\" width=\""+tdwidth+"\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_5.src+"',sizingMethod='scale');font-size:12px;color:#000000;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;\">"+innercode+"</td>";
    ff=ff+"                            <td width=\"15\" id=\"middleright"+alldivnum+"\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_6.src+"',sizingMethod='scale');\"></td>";
    ff=ff+"                        </tr>";
    ff=ff+"                    </table>";
    ff=ff+"                </td>";
    ff=ff+"            </tr>";
    ff=ff+"            <tr>";
    ff=ff+"                <td colspan=\"3\">"
    ff=ff+"                    <table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
    ff=ff+"                        <tr>";
    ff=ff+"                            <td id=\"bottomleft"+alldivnum+"\" height=\"15\" width=\"15\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_7.src+"');\"></td>";
    ff=ff+"                            <td id=\"bottomcenter"+alldivnum+"\" height=\"15\" width=\""+tdwidth+"\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_8.src+"',sizingMethod='scale');\"></td>";
    ff=ff+"                            <td id=\"bottomright"+alldivnum+"\" height=\"15\" width=\"15\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_9.src+"');\"></td>";
    ff=ff+"                        </tr>";
    ff=ff+"                    </table>";
    ff=ff+"                </td>";
    ff=ff+"            </tr>";
    ff=ff+"        </table>";
    var photodiv=document.createElement("div");
    photodiv.id="photodiv"+alldivnum;

    photodiv.style.width=innerwidth+"px";
    photodiv.style.height=innerheight+"px";
    photodiv.style.top="7px";
    photodiv.style.left="20px";
    photodiv.style.zIndex=alldivnum+100;
    photodiv.style.position="absolute";

    photodiv.onclick=new Function("closediv(this.id)");
    photodiv.onmousedown=new Function("down_obj(this.id)");
    photodiv.onmousemove=new Function("move_obj(this.id)");
    photodiv.onmouseup=new Function("up_obj(this.id)");

    photodiv.innerHTML=ff;
    document.body.appendChild(photodiv);
    document.getElementById("addtable").style.display="none";
}
function closediv(obj)
{
    //if(obj_moing==true || obj_resize!="") return false;
    curX=event.clientX+document.documentElement.scrollLeft;
    curY=event.clientY+document.documentElement.scrollTop;
    allwidth=parseInt(document.getElementById(obj).offsetLeft)+parseInt(document.getElementById(obj).offsetWidth);
    allheight=parseInt(document.getElementById(obj).offsetTop);
    closeleft=parseInt(allwidth)-parseInt(curX);
    closetop=parseInt(curY)-allheight;
    if (closeleft<=50 && closeleft>=12  && closetop<=25 && closetop>=11)
    {
        document.body.removeChild(document.getElementById(obj));
    }
    if (closeleft<=76 && closeleft>=54  && closetop<=25 && closetop>=11)
    {    
        var objnum=obj.replace("photodiv","");
        if (document.getElementById("ismax"+objnum).value=="yes")
        {
            huanyuandiv(obj);
        }
        else
        {
            maxdiv(obj);
        }
    }
    if (closeleft<=101 && closeleft>=79  && closetop<=25 && closetop>=11)
    {

    }
}
function huanyuandiv(obj)
{
    var bbobj=obj.replace("photodiv","");
    document.getElementById("ismax"+bbobj).value="no";
    var lefttop_xiang=document.getElementById("lefttop"+bbobj).value.split(",");
    var widthheight_xiang=document.getElementById("widthheight"+bbobj).value.split(",");
    if (parseInt(document.getElementById(obj).style.width)<=parseInt(widthheight_xiang[0]) || parseInt(document.getElementById(obj).style.height)<=parseInt(widthheight_xiang[1]))
    {
        document.getElementById("photodiv"+bbobj).style.left=lefttop_xiang[0];
        document.getElementById("photodiv"+bbobj).style.top=lefttop_xiang[1];
        document.getElementById("photodiv"+bbobj).style.width=widthheight_xiang[0];
        document.getElementById("photodiv"+bbobj).style.height=widthheight_xiang[1];
        document.getElementById("topcenter"+bbobj).width=parseInt(widthheight_xiang[0])-120;
        document.getElementById("middlecenter"+bbobj).width=parseInt(widthheight_xiang[0])-30;
        document.getElementById("bottomcenter"+bbobj).width=parseInt(widthheight_xiang[0])-30;
        document.getElementById("middlecenter"+bbobj).height=parseInt(widthheight_xiang[1])-40;
        clearTimeout(t.timer1);
    }
    else
    {
        document.getElementById("photodiv"+bbobj).style.width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-pagewidth/20;
        document.getElementById("photodiv"+bbobj).style.height=parseInt(document.getElementById("photodiv"+bbobj).style.height)-pageheight/20;
        document.getElementById("photodiv"+bbobj).style.left=(pagewidth-parseInt(document.getElementById("photodiv"+bbobj).style.width))/2;
        document.getElementById("photodiv"+bbobj).style.top=(pageheight-parseInt(document.getElementById("photodiv"+bbobj).style.height))/2;
        document.getElementById("topcenter"+bbobj).width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-120;
        document.getElementById("middlecenter"+bbobj).width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-30;
        document.getElementById("bottomcenter"+bbobj).width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-30;
        document.getElementById("middlecenter"+bbobj).height=parseInt(document.getElementById("photodiv"+bbobj).style.height)-40;
        t.timer1=setTimeout("huanyuandiv('"+obj+"')",10);
    }

}
function maxdiv(obj)
{
    var bbobj=obj.replace("photodiv","");
    if (parseInt(document.getElementById(obj).style.width)>=pagewidth || parseInt(document.getElementById(obj).style.height)>=pageheight)
    {
        document.getElementById("ismax"+bbobj).value="yes";
        document.getElementById("photodiv"+bbobj).style.width=pagewidth;
        document.getElementById("photodiv"+bbobj).style.height=pageheight;
        document.getElementById("photodiv"+bbobj).style.left=0;
        document.getElementById("photodiv"+bbobj).style.top=0;
        document.getElementById("topcenter"+bbobj).width=parseInt(pagewidth)-120;
        document.getElementById("middlecenter"+bbobj).width=parseInt(pagewidth)-30;
        document.getElementById("bottomcenter"+bbobj).width=parseInt(pagewidth)-30;
        document.getElementById("middlecenter"+bbobj).height=parseInt(pageheight)-40;
        clearTimeout(t.timer1);
    }
    else
    {
        document.getElementById("photodiv"+bbobj).style.width=parseInt(document.getElementById("photodiv"+bbobj).style.width)+pagewidth/20;
        document.getElementById("photodiv"+bbobj).style.height=parseInt(document.getElementById("photodiv"+bbobj).style.height)+pageheight/20;
        document.getElementById("photodiv"+bbobj).style.left=(pagewidth-parseInt(document.getElementById("photodiv"+bbobj).style.width))/2;
        document.getElementById("photodiv"+bbobj).style.top=(pageheight-parseInt(document.getElementById("photodiv"+bbobj).style.height))/2;
        document.getElementById("topcenter"+bbobj).width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-120;
        document.getElementById("middlecenter"+bbobj).width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-30;
        document.getElementById("bottomcenter"+bbobj).width=parseInt(document.getElementById("photodiv"+bbobj).style.width)-30;
        document.getElementById("middlecenter"+bbobj).height=parseInt(document.getElementById("photodiv"+bbobj).style.height)-40;
        t.timer1=setTimeout("maxdiv('"+obj+"')",10);
    }
}
<\/script>
<style>
body{font-size:12px;background-image:url('Royale.jpg')}
</style>
</head>

<body>
<div id="photodiv1" onclick="closediv(this.id)" onMouseDown="down_obj(this.id)" onMouseMove="move_obj(this.id)" onMouseUp="up_obj(this.id)" style="top:200px;left:200px;z-index: 101;position: absolute;width:290px; height:130px;">
<table border="0" id="phototable1" style="table-layout:fixed;" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td height="25" width="15" id="topleft1" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r1_c1.png');"><input type="hidden" value="200,200" id="lefttop1" /><input type="hidden" value="290,130" id="widthheight1" /><input type="hidden" value="no" id="ismax1" /></td>
        <td height="25" valign="bottom" id="topcenter1" width="170" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r1_c2.png',sizingMethod='scale');font-size:12px;color:#000000;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;"></td>
        <td height="25" id="topright1" width="105" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r1_c4.png');"></td>
    </tr>
    <tr>
        <td colspan="3">
            <table border="0" style="table-layout:fixed;" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="15" id="middleleft1" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r2_c11.png',sizingMethod='scale');"></td>
                    <td id="middlecenter1" height="90" width="260" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r2_c2.png',sizingMethod='scale');table-layout:fixed;font-size:12px;color:#000000;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;">打开新窗口中加入了属性的设置<br /><br />由于读取背景图片较慢..请等待</td>
                    <td width="15" id="middleright1" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r2_c5.png',sizingMethod='scale');"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <table border="0" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td id="bottomleft1" height="15" width="15" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r5_c1.png');"></td>
                    <td id="bottomcenter1" height="15" width="260" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r5_c2.png',sizingMethod='scale');"></td>
                    <td id="bottomright1" height="15" width="15" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r5_c5.png');"></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<div id="photodiv2" onclick="closediv(this.id)" onMouseDown="down_obj(this.id)" onMouseMove="move_obj(this.id)" onMouseUp="up_obj(this.id)" style="top:20px;left:300px;z-index: 102;position: absolute;width:290px; height:130px;">
<table border="0" id="phototable2" style="table-layout:fixed;" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td height="25" width="15" id="topleft2" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r1_c1.png');"><input type="hidden" value="300,20" id="lefttop2" /><input type="hidden" value="290,130" id="widthheight2" /><input type="hidden" value="no" id="ismax2" /></td>
        <td height="25" valign="bottom" id="topcenter2" width="170" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r1_c2.png',sizingMethod='scale');font-size:12px;color:#000000;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;"></td>
        <td height="25" id="topright2" width="105" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r1_c4.png');"></td>
    </tr>
    <tr>
        <td colspan="3">
            <table border="0" style="table-layout:fixed;" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="15" id="middleleft2" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r2_c11.png',sizingMethod='scale');"></td>
                    <td id="middlecenter2" height="90" width="260" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r2_c2.png',sizingMethod='scale');table-layout:fixed;font-size:12px;color:#000000;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;">php爱好者</td>
                    <td width="15" id="middleright2" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r2_c5.png',sizingMethod='scale');"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <table border="0" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td id="bottomleft2" height="15" width="15" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r5_c1.png');"></td>
                    <td id="bottomcenter2" height="15" width="260" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r5_c2.png',sizingMethod='scale');"></td>
                    <td id="bottomright2" height="15" width="15" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1_r5_c5.png');"></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<div style="position: absolute; width: 100px; height: 23px; z-index: 9999; left: 0px; top: 10px" id="layer1"><input onclick="showadddiv()" type="button" value="打开新窗口" id="B3" name="B3" />
<table style="border:1px solid #999999;background-color:#F0F0F0;display:none;" width="320" id="addtable" cellspacing="0" cellpadding="0">
        <tr>
            <td style="text-align:center;"><br />
    插入显示的内容<br />
    <textarea rows="13" name="newcode" id="newcode" style="width:300px;height:150px;"></textarea><br />
            <br>
            初始窗口宽:<input type="text" name="newdivwidth" id="newdivwidth" value="300" style="width:50px;" />&nbsp;高:<input type="text" name="newdivheight" id="newdivheight" value="150" style="width:50px;" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
            <br />初始窗口标题:<input type="text" value="新窗口" maxlength="100" name="newdivtitle" id="newdivtitle" style="width:200px;" /><br /><br />
    <input onclick="adddiv()" type="button" value="确定" id="B4" name="B4" /></td>
        </tr>
    </table>
    </div>

</body>
</html>
<script language="javascript">
if (parseInt(document.documentElement.clientWidth)>parseInt(document.documentElement.scrollWidth))
{
    pagewidth=parseInt(document.documentElement.clientWidth);
}
else
{
    pagewidth=parseInt(document.documentElement.scrollWidth);
}
if (parseInt(document.documentElement.clientHeight)>parseInt(document.documentElement.scrollHeight))
{
    pageheight=parseInt(document.documentElement.clientHeight);
}
else
{
    pageheight=parseInt(document.documentElement.scrollHeight);
}
<\/script> ;

如履薄冰
chenpeng8596
yafeikf

UID
1774 
帖子
2 
积分
0 
在线时间
4小时 
注册时间
2006-10-15 
最后登录
2008-10-27 
2# chenpeng8596 发表于2006-10-15

高人!
kwok
yafeikf

UID
4624 
帖子
1 
积分
1 
在线时间
1小时 
注册时间
2006-12-16 
最后登录
2006-12-25 
3# kwok 发表于2006-12-16

厲害啊!!!
qiren
yafeikf

UID
18056 
帖子
2 
积分
0 
在线时间
1小时 
注册时间
2007-08-16 
最后登录
2007-08-29 
4# qiren 发表于2007-08-16

ok
coolkiss
yafeikf

UID
10888 
帖子
29 
积分
32 
在线时间
33小时 
注册时间
2007-01-20 
最后登录
2009-07-31 
5# coolkiss 发表于2007-10-11

强。真是太强了。。。
zjr1222
yafeikf

UID
20498 
帖子
5 
积分
0 
在线时间
6小时 
注册时间
2007-12-20 
最后登录
2008-04-21 
6# zjr1222 发表于2007-12-21

牛~楼主太有才了~~
dongdonga
yafeikf

UID
20650 
帖子
3 
积分
0 
在线时间
6小时 
注册时间
2007-12-29 
最后登录
2008-03-21 
7# dongdonga 发表于2008-01-03

啊,真是不可想象!! 厉害!
rstory
yafeikf

UID
16231 
帖子
29 
积分
28 
在线时间
7小时 
注册时间
2007-05-09 
最后登录
2009-05-20 
8# rstory 发表于2008-02-12

在无忧脚本看到别人做过
miminko
yafeikf

UID
27440 
帖子
3 
积分
3 
在线时间
1小时 
注册时间
2009-02-16 
最后登录
2009-09-04 
9# miminko 发表于2009-02-16

回复 1# 我不是鱼 的帖子

在firefox里不兼容
zjt2est
yafeikf

UID
21998 
帖子
23 
积分
2 
在线时间
13小时 
注册时间
2008-03-26 
最后登录
2009-05-06 
10# zjt2est 发表于2009-05-06

佩服佩服啊
 12下一页末页
© 2006-2021 PHP爱好者 | 关于我们 | 联系我们 | 免责声明 备案号：湘ICP备19024003号-2