javascript 拖動_cookie_ajax等

更新時間：2008年06月11日 18:52:21 作者：

比較實用的js拖動效果代碼。類的寫法不錯，是個不錯的應用

<!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=gb2312" /> <title>新版本網(wǎng)站--lib類函數(shù)功能應用DEMO演示</title>  <style type="text/css">  </style> </head> <body>  <h1 id="title">新版本網(wǎng)站--lib類函數(shù)功能應用DEMO演示</h1>  <span id="container"> <div   id="vvxyksv9kd"   class="main">1</div> <div   id="vvxyksv9kd"   class="main">2</div> <div   id="vvxyksv9kd"   class="main">3</div> <div   id="vvxyksv9kd"   class="main">4</div> <div   id="vvxyksv9kd"   class="main">5</div> <div   id="vvxyksv9kd"   class="main">6</div> <div   id="vvxyksv9kd"   class="main">7</div> <div   id="vvxyksv9kd"   class="main">8</div> </span>  <div   class="vvxyksv9kd"   id="datetime"></div>  <form name="frmDemo" id="frmDemo" action="" method="post">       <input type="text" name="txtWord" id="txtWord" value="請輸入要搜索的關鍵字" />       <input type="button" name="btnEnter" id="btnEnter" onclick="displayAllDiv();" value="顯示拖動窗口" /> </form>  <div   id="vvxyksv9kd"   class="drag" id="drag" style="left:300px;top:300px;"> <div   id="vvxyksv9kd"   class="handle" id="handle"><h2>拖動窗口(1)</h2><span><a href="#" title="關閉窗口" onclick="displayDiv(1,'drag')">關閉窗口</a></a></span><br class="clear" /></div> <div   id="vvxyksv9kd"   class="cnt"> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> </div> </div> <div   id="vvxyksv9kd"   class="drag" id="drag1" style="left:600px;top:200px;"> <div   id="vvxyksv9kd"   class="handle" id="handle1"><h2>Ajax標簽導航窗口(2)</h2><span><a href="#" title="關閉窗口" onclick="displayDiv(1,'drag1')">關閉窗口</a></a></span><br class="clear" /></div> <ul id="tabs"> <li id="vvxyksv9kd"    class="current" id="tabs_0"><a href="#1">Dom 編程藝術</a></li> <li id="tabs_1"><a href="#1">Ajax實戰(zhàn)</a></li> <li id="tabs_2"><a href="#1">CSS權威指南</a></li> </ul><br class="clear" /> <div   id="vvxyksv9kd"   class="cnt" id="tabs_cnt"> <p> DOM理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> </div> </div> <div   id="vvxyksv9kd"   class="drag" id="drag2" style="left:150px;top:250px;"> <div   id="vvxyksv9kd"   class="handle" id="handle2"><h2>拖動窗口(3)</h2><span><a href="#" title="關閉窗口" onclick="displayDiv(1,'drag2')">關閉窗口</a></a></span><br class="clear" /></div> <div   id="vvxyksv9kd"   class="cnt"> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> </div> </div> <div   id="vvxyksv9kd"   class="drag" id="drag3" style="left:480px;top:350px;"> <div   id="vvxyksv9kd"   class="handle" id="handle3"><h2>Ajax標簽導航窗口(4)</h2><span><a href="#" title="關閉窗口" onclick="displayDiv(1,'drag3')">關閉窗口</a></a></span><br class="clear" /></div> <ul id="news"> <li id="vvxyksv9kd"    class="current" id="news_0"><a href="#1">Dom 編程藝術</a></li> <li id="news_1"><a href="#1">Ajax實戰(zhàn)</a></li> <li id="news_2"><a href="#1">CSS權威指南</a></li> </ul><br class="clear" /> <div   id="vvxyksv9kd"   class="cnt" id="news_cnt"> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產(chǎn)品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價為2880元，并贈送1GB SD卡一張。 </p> </div> </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: