快捷導(dǎo)航

javascript 拖動(dòng)_cookie_ajax等

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

比較實(shí)用的js拖動(dòng)效果代碼。類的寫法不錯(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類函數(shù)功能應(yīng)用DEMO演示</title>  <style type="text/css">  </style> </head> <body>  <h1 id="title">新版本網(wǎng)站--lib類函數(shù)功能應(yīng)用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="請輸入要搜索的關(guān)鍵字" />       <input type="button" name="btnEnter" id="btnEnter" onclick="displayAllDiv();" value="顯示拖動(dòng)窗口" /> </form>  <div   id="vvxyksv9kd"   class="drag" id="drag" style="left:300px;top:300px;"> <div   id="vvxyksv9kd"   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="vvxyksv9kd"   class="cnt"> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送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標(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="vvxyksv9kd"    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="vvxyksv9kd"   class="cnt" id="tabs_cnt"> <p> DOM理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送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>拖動(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="vvxyksv9kd"   class="cnt"> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送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標(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="vvxyksv9kd"    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="vvxyksv9kd"   class="cnt" id="news_cnt"> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當(dāng)完善的一款產(chǎn)品，輕巧的機(jī)身，7.1倍光學(xué)變焦鏡頭，大尺寸LCD，快速的開機(jī)、對焦速度，加上合理的價(jià)格，取得了相當(dāng)不錯(cuò)的銷售成績。 </p> <p> 08年2月19日，理光官方正式發(fā)布了R7的最新替代產(chǎn)品-R8，不到三天，這款新一代全能DC就已經(jīng)上市，其售價(jià)為2880元，并贈(zèng)送1GB SD卡一張。 </p> </div> </div>  </body> </html>

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

您可能感興趣的文章: