즉 ff div 레이어 열기 닫기 드래그 마스크 이동 애니메이션 변경 높이 및 width_javascript 기술과 호환됩니다.

1 요소 드래그, 마스크, 이동 및 크기 변경

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>popper.w의 코드</title> <style type="text/css"> body{text-align:center} #dd{ margin:50px auto} #odiv{ width:400px; height:200px;border:1px dotted red; border:1px dashed green;} #odiv ul{ list-style:none; text-align:left; width:150px; font-size:11px;} #odiv ul li{height:25px; line-height:25px; border-bottom:1px dashed green;} #ho{ width:150px; height:150px; border:1px dotted red} </style> <div id="aa"> </div> <div id="test"> <h1 id="dd"> </h1>그냥 테스트<input type="button" id="test1" value="XslideUp-H"> <input type="button" id="test2" value="XslideDown-H"> <input type="button" id="test3" value="XslideUp-W"> <input type="button" id="test4" value="XslideDown-W"> <input type="button" id="test5" value="Xcover"> <input type="button" id="test6" value="Xmove"> <input type="button" id="test7" value="Xdrag"> </div> <div id="odiv"> <h1 id="oTitle"> </h1>언제까지 끌고 갈 수 있나요?<ul> <li> </li>저자:popper.w<li> </li>이메일:popper11@126.com<li> </li>QQ:84101340<li> </li>웹사이트: [url]www.hongwei2008.cn[/url]</ul> </div> <div id="ho"> </div>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]

2레이어 오픈 효과 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> body{} #main{width:500px; margin:100px; height:500px;border:1px solid red} #test{border:1px solid red;display:none;width:10px;height:10px; background:yellow} </style> <title> </title> 코드 바이 popper.w<input type="button" value="点击打开" id="bt"> <input type="button" value="点击关闭" id="bt1"> <div id="main"> <div id="test"> </div> </div>

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]