javascript 拖動(dòng)_cookie_ajax等

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

比較實(shí)用的js拖動(dòng)效果代碼。類(lèi)的寫(xiě)法不錯(cuò)，是個(gè)不錯(cuò)的應(yīng)用

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

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

您可能感興趣的文章: