<!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"> <!-- *{margin:0;padding:0;} body{text-align:center;background-color:#FFF;font:normal 12px Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;color:#000;} form,div,span,ul,li,p,h1,h2,h3,h4,h5,h6{text-align:left;padding:5px;} a:link,a:visited{color:#000;text-decoration:none;}a:hover{color:#F00;text-decoration:underline;} h1{font-size:16px;} img{border:0;} ul,li{list-style-type:none;} dl,dd{clear:both;} .bgGray{background-color:#F1F1F1;} .clear{clear:both;visibility:hidden;font-size:1px;width:1px;height:1px;} #title{position:absolute;top:30px;left:20px;} .drag{position:absolute;z-index:200;top:300px;left:300px;width:300px;height:200px;padding:3px;border:1px solid #999;overflow:hidden;background-color:#FFF;} .handle{margin:0 auto;width:294px;height:14px;padding:3px;background-color:#F1F1F1;overflow:hidden;border-bottom:1px solid #999;} .handle h2{float:left;width:140px;height:12px;font-size:12px;color:#000;padding:1px 0 1px 4px;overflow:hidden;} .handle span{float:right;width:60px;text-align:center;height:12px;font-size:12px;padding:1px 0 1px 0;overflow:hidden;} .drag ul{ float:left; width:300px; height:23px; padding:0; overflow:hidden; } .drag li{ float:left; display:inline; width:100px; height:12px; padding:4px 0 6px 0; border-bottom:1px solid #CCC; overflow:hidden; text-align:center; } .drag li.current{ background-color:#F1F1F1; font-weight:bold; color:#FFF; } .cnt{ margin:0 auto; margin-top:4px; width:288px; height:165px; overflow:auto; scrollbar-arrow-color:#666; /*上下按钮上三角箭头的颜色*/ scrollbar-base-color:#ccc;/*滚动条的基本颜色*/ scrollbar-dark-shadow-color:#fff;/*立体滚动条强阴影的颜色*/ scrollbar-face-color:#ccc;/*立体滚动条凸出部分的颜色*/ scrollbar-highlight-color:#fff;/*滚动条空白部分的颜色*/ scrollbar-shadow-color:#fff;/*立体滚动条阴影的颜色*/ } #tabs_cnt{height:142px;} .cnt p{margin:0 auto;width:260px;height:auto;padding:3px 0 8px 0;line-height:130%;font-size:12px;} .cnt p:first-letter{ float:left; padding:0 2px 0 2px; color:#403C31; font:bold 28px "楷体_GB2312","微软雅黑"; } --> </style> </head> <body> <h1 id="title">新版本网站--lib类函数功能应用DEMO演示</h1> <span id="container"> 1 2 3 4 5 6 7 8 </span> <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> <h2>拖动窗口(1)</h2><span><a href="#" title="关闭窗口" onclick="displayDiv(1,'drag')">关闭窗口</a></a></span><br class="clear" /> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <h2>Ajax标签导航窗口(2)</h2><span><a href="#" title="关闭窗口" onclick="displayDiv(1,'drag1')">关闭窗口</a></a></span><br class="clear" /> <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" /> <p> DOM理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <h2>拖动窗口(3)</h2><span><a href="#" title="关闭窗口" onclick="displayDiv(1,'drag2')">关闭窗口</a></a></span><br class="clear" /> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <h2>Ajax标签导航窗口(4)</h2><span><a href="#" title="关闭窗口" onclick="displayDiv(1,'drag3')">关闭窗口</a></a></span><br class="clear" /> <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" /> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> <p> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 <span style="display:none">7CP成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设</span></p> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 成网科技 www.it28.com竭诚为您服务！ 开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设_成网科技
