完美拖拽+拖动改变Div的宽高+关闭按钮

yrdesign

兼容所有浏览器完美拖拽层
拖动边框改变层的宽高
新增关闭按钮[ol]

无标题文档

*{margin:0;padding:0;}

#zhezhao{

        width:100%;

        height:100%;

        background:#f00;

        filter:alpha(opacity:0);

        opacity:0;

        z-index:9999;

        position:absolute;

        top:0;

        left:0;

        display:none;

}

#div2{

        width:200px;

        height:200px;

        display:block;

        overflow:hidden;

        position:relative;

        background:#EEEEEE;

        border:1px solid #f00;

}

#div1{

        width:15px;

        height:15px;

        background:#99CC00;

        position:absolute;

        right:0px;

        bottom:0px;

        cursor:nw-resize;

        overflow:hidden;

        font-size:12px;

        text-align:center;

        line-height:15px;

        color:#FFFFFF;

        float:right;

        z-index:3;

}

#right{

        width:15px;

        height:100%;

        background:#f00;

        float:right;

        position:absolute;

        right:0;

        top:0;

        cursor:e-resize;

        overflow:hidden;

        filter:alpha(opacity:0);

        opacity:0;

        z-index:1;

}

#bottom{

        width:100%;

        height:15px;

        background:#f00;

        position:absolute;

        left:0;

        bottom:0;

        cursor:n-resize;

        overflow:hidden;

        filter:alpha(opacity:0);

        opacity:0;

        z-index:1;

}

#div2 p{

        padding:10px;

        line-height:24px;

        font-size:13px;

        text-indent:24px;

        color:#996600;

}

#div2 h2{

        width:100%;

        height:25px;

        line-height:25px;

        font-size:14px;

        background:#CC9900;

        color:#FFFFFF;

        text-indent:15px;

        cursor:move;

        overflow:hidden;

        position:relative;

        z-index:9999;

}

#close{

        float:right;

        font-weight:normal;

        font-size:12px;

        padding-right:10px;

        cursor:pointer;

        display:block;

        text-indent:0;

}

        

        关闭完美拖拽

        洗脸也能抽筋？？', '好冷啊', '一口气睇晒 《碟影重重》三部，头痛痛。一如既往地喜欢特务男，哈哈，有脑有身手', '我靠近你，不是因为你什么都好，不是因为你能给我一个安心而不错的未来，不是因为你是我的老公，不是因为我觉得我们肯定这一辈子会这样好好走下去，不是因为再找一段感情代价太大，而是因为，我爱你，我觉得看到你，就会心动。', '我承认我是个没有鼓励就没有动力的人，缺乏太多毅力。等过了这个冬天。也许我真的能把自己的心收拾干净。空出心里最重要的位置。给自己未来的新娘。剩下的空间，全是梦想，家庭和朋友。'

        

        拖

        

        

[/ol]复制代码

funkys

眼睛疼

yiye

技术贴

yrdesign

原帖由 funkys 于 2011-5-10 16:06 发表


眼睛疼
直接复制完事~~

gcczm

技术贴

SP小妹

原帖由 gcczm 于 2011-5-10 16:51 发表


技术贴

dianso

不错

95147

先收下～～

taian

谢谢分享

whos

IE9的空白