兼容ie ff div 層打開+關閉+ 拖動+遮罩+移動+動畫改變高寬

2024-05-06 14:17:40

字體：大中小

來源：轉載

供稿：網友

1 拖動+遮罩+移動+改變元素大小

<!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"> <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>popper.w's code</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>  </head> <body>                            <h1 id="dd">Just a Test</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" />                        <h1 id="oTitle">什么時候能拖動我啊</h1>                      Author:popper.w             Email:popper11@126.com             QQ:84101340             webSite: [url]www.hongwei2008.cn[/url]                          </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

2 層打開效果

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：javascript indexOf函數使用說明

下一篇：超級退彈代碼