javascript 拖动_cookie_ajax等

比较实用的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>新版本网站--lib类函数功能应用DEMO演示</title><style type="text/css"> </style></head><body> <h1 id="title">新版本网站--lib类函数功能应用DEMO演示</h1><span id="container"> <div class="main">1</div><div class="main">2</div><div class="main">3</div><div class="main">4</div><div class="main">5</div><div class="main">6</div><div class="main">7</div><div class="main">8</div></span><div 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 class="drag" id="drag" style="left:300px;top:300px;"> <div class="handle" id="handle"><h2>拖动窗口(1)</h2><span><a href="#" onclick="displayDiv(1,'drag')">关闭窗口</a></a></span><br class="clear"/></div><div class="cnt"> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p><p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p></div></div><div class="drag" id="drag1" style="left:600px;top:200px;"> <div class="handle" id="handle1"><h2>Ajax标签导航窗口(2)</h2><span><a href="#" onclick="displayDiv(1,'drag1')">关闭窗口</a></a></span><br class="clear"/></div><ul id="tabs"> <li class="current" id="tabs_0"><a href="#1">Dom 编程艺术</a></li><li id="tabs_1"><a href="#1">Ajax实战</a></li><li id="tabs_2"><a href="#1">CSS权威指南</a></li></ul><br class="clear"/><div class="cnt" id="tabs_cnt"> <p> DOM理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p><p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p></div></div><div class="drag" id="drag2" style="left:150px;top:250px;"> <div class="handle" id="handle2"><h2>拖动窗口(3)</h2><span><a href="#" onclick="displayDiv(1,'drag2')">关闭窗口</a></a></span><br class="clear"/></div><div class="cnt"> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p><p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p></div></div><div class="drag" id="drag3" style="left:480px;top:350px;"> <div class="handle" id="handle3"><h2>Ajax标签导航窗口(4)</h2><span><a href="#" onclick="displayDiv(1,'drag3')">关闭窗口</a></a></span><br class="clear"/></div><ul id="news"> <li class="current" id="news_0"><a href="#1">Dom 编程艺术</a></li><li id="news_1"><a href="#1">Ajax实战</a></li><li id="news_2"><a href="#1">CSS权威指南</a></li></ul><br class="clear"/><div class="cnt" id="news_cnt"> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p><p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p><p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p></div></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是javascript 拖动_cookie_ajax等的详细内容，更多请关注易知道|edz.cc其它相关文章！