怎么用javascript进行拖拽

来源：互联网 作者：west263.com 时间：2008-02-23

西部数码-全国虚拟主机10强！40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

怎么用javascript进行拖拽

本文译自：http://www.webreference.com/programming/javascript/mk/column2/index.html
所有版权归原文所有

Javascript的特点是dom的处理与网页效果，大多数情况我们只用到了这个语言的最简单的功能，比如制作图片轮播/网页的tab等等，这篇文章将向你展示如何在自己的网页上制作拖拽．

有很多理由让你的网站加入拖拽功能，最简单的一个是数据重组．例如：你有一个序列的内容让用户排序，用户需要给每个条目进行输入或者用select选择，替代前面这个方法的就是拖拽．或许你的网站也需要一个用户可以拖动的导航窗口！那么这些效果都是很简单：因为你可以很容易的实现！

网页上实现拖拽其实也不是很复杂．第一你需要知道鼠标坐标，第二你需要知道用户鼠标点击一个网页元素并实现拖拽，最后我们要实现移动这个元素．

运行代码框

<SCRIPT src="/upfiles/20060720/drag_drop.js" type=text/javascript></SCRIPT> <STYLE type=text/css>LI { MARGIN-BOTTOM: 10px } OL { MARGIN-TOP: 5px } .DragContainer { BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid } .OverDragContainer { BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid } .OverDragContainer { BACKGROUND-COLOR: #eee } .DragBox { BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee } .OverDragBox { BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee } .DragDragBox { BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee } .miniDragBox { BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee } .OverDragBox { BACKGROUND-COLOR: #ffff99 } .DragDragBox { BACKGROUND-COLOR: #ffff99 } .DragDragBox { FILTER: alpha(opacity=50); BACKGROUND-COLOR: #ff99cc } LEGEND { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666699; FONT-FAMILY: verdana, tahoma, arial } FIELDSET { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } .History { FONT-SIZE: 10px; OVERFLOW: auto; WIDTH: 100%; FONT-FAMILY: verdana, tahoma, arial; HEIGHT: 82px } #DragContainer8 { BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #669999 1px solid; WIDTH: 110px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 110px } .miniDragBox { FLOAT: left; MARGIN: 0px 5px 5px 0px; WIDTH: 20px; HEIGHT: 20px } PRE { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f8f8f0 } </STYLE> <body> <FIELDSET id=Demo4><LEGEND>样例- 拖拽页面元素</LEGEND> <DIV> <DIV class=DragContainer id=DragContainer4 overclass="OverDragContainer"> <DIV class=DragBox id=Item1 overclass="OverDragBox" dragclass="DragDragBox">Item #1</DIV> <DIV class=DragBox id=Item2 overclass="OverDragBox" dragclass="DragDragBox">Item #2</DIV> <DIV class=DragBox id=Item3 overclass="OverDragBox" dragclass="DragDragBox">Item #3</DIV> <DIV class=DragBox id=Item4 overclass="OverDragBox" dragclass="DragDragBox">Item #4</DIV></DIV> <DIV class=DragContainer id=DragContainer5 overclass="OverDragContainer"> <DIV class=DragBox id=Item5 overclass="OverDragBox" dragclass="DragDragBox">Item #5</DIV> <DIV class=DragBox id=Item6 overclass="OverDragBox" dragclass="DragDragBox">Item #6</DIV> <DIV class=DragBox id=Item7 overclass="OverDragBox" dragclass="DragDragBox">Item #7</DIV> <DIV class=DragBox id=Item8 overclass="OverDragBox" dragclass="DragDragBox">Item #8</DIV></DIV> <DIV class=DragContainer id=DragContainer6 overclass="OverDragContainer"> <DIV class=DragBox id=Item9 overclass="OverDragBox" dragclass="DragDragBox">Item #9</DIV> <DIV class=DragBox id=Item10 overclass="OverDragBox" dragclass="DragDragBox">Item #10</DIV> <DIV class=DragBox id=Item11 overclass="OverDragBox" dragclass="DragDragBox">Item #11</DIV> <DIV class=DragBox id=Item12 overclass="OverDragBox" dragclass="DragDragBox">Item #12</DIV></DIV></DIV></FIELDSET> </body> </html> <p></p> <p> 文章整理：西部数码--专业提供<a href="http://www.west263.com/services/domain">域名注册</a>、<a href="http://www.westhost.cn" target="_blank">虚拟主机</a>服务<br /> <a href="http://www.west263.com" target="_blank">http://www.west263.com</a><br /> 以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!<br /> </p> </div> <div class="cupage"> <a href='#'>上一页</a><strong>1</strong><a href='34239_2.html'>2</a> <a href='34239_3.html'>3</a> <a href='34239_4.html'>4</a> <a href='34239_5.html'>5</a> <a href='34239_2.html'>下一页</a> </div>  <div class="actbar"><span>[<a href="#" onClick="window.print();">打印</a>]</span> <span>[<a href="#" onClick="window.close();">关闭</a>]</span> </div>  <div class="GoogleAdv468_60"> <form method="get" action="http://www.google.com/custom" target="google_window"> <div align="left"></div> <table bgcolor="#ffffff" align="center" width="440"> <tr> <td nowrap valign="top" align="left" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></a> <input type="text" name="q" size="31" maxlength="255" value="怎么用javascript进行拖拽"> <input type="submit" name="sa" value="搜索"> <input type="hidden" name="client" value="pub-3069335119421557"> <input type="hidden" name="forid" value="1"> <input type="hidden" name="ie" value="GB2312"> <input type="hidden" name="oe" value="GB2312"> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"> <input type="hidden" name="hl" value="zh-CN"> </td> </tr> </table> </form> </div>  <div class="context"> <div id='digg34239' class='diggArea' style="display:none"> <div class='diggNum' style="display:none">0</div> <div class="diggLink" style="display:none"><a href="javascript:Digg('digg',34239);">顶一下</a></div> </div> <div class="MoreArticle"><strong>相关文章</strong></div> <div class="Morecontent"> <li><a href='/info/html/wangyezhizuo/Javascript/20080225/34492.html'>JS实现的滑动展开与折叠效果</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34002.html'>为网页加播放器实现在线播放的代</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34593.html'>通过JAVAScript实现页面自适应</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34854.html'>如果用JS得到字符串中出现次数最</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080605/72602.html'>使用javascript函数完美控制页面</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/32804.html'>网页里嵌入JavaScript 验证空，</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/32359.html'>几段实用小JAVA程序</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34891.html'>Javascript中判断润年最最简单的</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34836.html'>网页设计中利用JS控制网页音乐的</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080403/54456.html'>JavaScript中的关键字＂VAR＂使</a></li> </div> <div class="MorecontentADV"><a href="http://www.west263.com/services/DiySite/default.asp" target="_blank"><img src="/info/templets/images/160×200.gif" width="160" height="200" border="0" /></a></div> <div> <div style='float:left; margin:auto; width:500;'> 上一篇：<a href='/info/html/wangyezhizuo/Javascript/20080225/34238.html'>脚本实例：用 JavaScript 来操作字符串</a> <br /> 下一篇：<a href='/info/html/wangyezhizuo/Javascript/20080225/34242.html'>应用实例：用Javascript实现定时任务</a> </div> </div> <div class="floatclear"></div> </div> </div>  </div>  <div class="pright">  <div class="rlist"> <div class="title">热点关注</div> <div class="rbox"> <ul> <li><a href='/info/html/wangyezhizuo/Javascript/20080225/32656.html'>JS经典源码:通用javascrip</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33316.html'>JS实现身份证号码15位转18</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34131.html'>网页两侧浮动广告代码</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44227.html'>JS实现无刷新联动菜单（se</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44202.html'>JavaScript判断Form中的Ra</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33808.html'>javascript中取得下拉框的</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44161.html'>用javascript响应表单的提</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/32395.html'>自定义右键菜单代码详解</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33166.html'>Javascript所有对象的属性</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44223.html'>汇总：一些不错的使用频率</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33371.html'>轮换广告代码加演示[JavaS</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34402.html'>FireFox 如何用Javascript</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34045.html'>（Javascript）prototype</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34655.html'>实用代码分析：JavaScript</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34771.html'>网页页面中如何用Javascri</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34811.html'>用Javascript实现表格单元</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44092.html'>用JavaScript实现上下文字</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33383.html'>在JS文件中调用JS文件，可</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/34795.html'>JavaScript页面刷新与弹出</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33517.html'>JavaScript : WINDOW FOR </a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44101.html'>javascript 常用代码大全</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44131.html'>JavaScript中this关键字使</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44172.html'>用DHTML中的Popup Object</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44215.html'>Javascript模拟的DOS窗口</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44230.html'>用Javascript网页代码直接</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44232.html'>网页设计或制作中与键盘相</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/32257.html'>javascript表单之间的数据</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33313.html'>如何用Javascript获得Text</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33360.html'>javascript xml实现二级下</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33364.html'>类似于Outlook的导航菜单</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33487.html'>一个网页上随鼠标移动显示</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33796.html'>把中文字符转换成Utf8编码</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/44197.html'>网页制作技术之Javascript</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/32293.html'>禁止用右键查看源代码</a></li><li><a href='/info/html/wangyezhizuo/Javascript/20080225/33187.html'>单击图片时直接出现另存为</a></li> </ul> </div> </div>  <div class="rlist margintop"> <div class="leftAdv"><a href="/services/vpsserver/" target="_blank"><img src="/info/templets/images/120×600.gif" width="120" height="600" /></a></div> </div> <div class="GoogleAdv180_60"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <div class="floatclear"></div>  <div class="blankLine4 cbody"></div> <div class="blankLine4 cbody"></div> <div class="top cbody"> <div class="SubTopMenu cbody"> <span class="STYLE1">IDC资讯</span> <a href="/info/html/IDCzixun/xunizhuji/index.html">虚拟主机</a> <a href="/info/html/IDCzixun/yumingzhuce/index.html">域名注册</a> <a href="/info/html/IDCzixun/zhujizuyong/index.html">托管租用</a> <a href="/info/html/IDCzixun/vpszhuji/index.html">vps主机</a> <a href="/info/html/IDCzixun/zhinenjianzhan/index.html">智能建站</a> <br/> <span class="STYLE1">网站运营</span> <a href="/info/html/wangzhanyunying/jianzhanjingyan/index.html">建站经验</a> <a href="/info/html/wangzhanyunying/cehuayingli/index.html">策划盈利</a> <a href="/info/html/wangzhanyunying/sousuoyouhua/index.html">搜索优化</a> <a href="/info/html/wangzhanyunying/wangzhantuiguang/index.html">网站推广</a> <a href="/info/html/wangzhanyunying/mianfeiziyuan/index.html">免费资源</a> <br/> <span class="STYLE1">网站联盟</span> <a href="/info/html/wangzhanlianmeng/lianmengxinwen/index.html">联盟新闻</a> <a href="/info/html/wangzhanlianmeng/lianmengjieshao/index.html">联盟介绍</a> <a href="/info/html/wangzhanlianmeng/lianmengdianping/index.html">联盟点评</a> <a href="/info/html/wangzhanlianmeng/wangzhuanjiqiao/index.html">网赚技巧</a> <br/> <span class="STYLE1">行业资讯</span> <a href="/info/html/xingyezixun/yejiedongtai/index.html">业界动态</a> <a href="/info/html/xingyezixun/sousuoyinqing/index.html">搜索引擎</a> <a href="/info/html/xingyezixun/wangluoyouxi/index.html">网络游戏</a> <a href="/info/html/xingyezixun/menhudongtai/index.html">门户动态</a> <a href="/info/html/xingyezixun/dianzishangwu/index.html">电子商务</a> <a href="/info/html/xingyezixun/guanggaochuanmei/index.html">广告传媒</a> <br/> <span class="STYLE1">网络编程</span> <a href="/info/html/wangluobiancheng/DotNetBianCheng/index.html">Asp.Net编程</a> <a href="/info/html/wangluobiancheng/Aspbiancheng/index.html">Asp编程</a> <a href="/info/html/wangluobiancheng/Phpbiancheng/index.html">Php编程</a> <a href="/info/html/wangluobiancheng/Xmlbiancheng/index.html">Xml编程</a> <a href="/info/html/wangluobiancheng/Access/index.html">Access</a> <a href="/info/html/wangluobiancheng/Mssql/index.html">Mssql</a> <a href="/info/html/wangluobiancheng/Mysql/index.html">Mysql</a> <a href="/info/html/wangluobiancheng/qita/index.html">其它</a> <br/> <span class="STYLE1">服务器技术</span> <a href="/info/html/fuwuqijishu/Webfuwuqi/index.html">Web服务器</a> <a href="/info/html/fuwuqijishu/Ftpfuwuqi/index.html">Ftp服务器</a> <a href="/info/html/fuwuqijishu/Mailfuwuqi/index.html">Mail服务器</a> <a href="/info/html/fuwuqijishu/Dnsfuwuqi/index.html">Dns服务器</a> <a href="/info/html/fuwuqijishu/anquanfanghu/index.html">安全防护</a> <br/> <span class="STYLE1">软件技巧</span> <a href="/info/html/ruanjianjiqiao/qitaruanjian/index.html">其它软件</a> <a href="/info/html/ruanjianjiqiao/Word/index.html">Word</a> <a href="/info/html/ruanjianjiqiao/Excel/index.html">Excel</a> <a href="/info/html/ruanjianjiqiao/Powerpoint/index.html">Powerpoint</a> <a href="/info/html/ruanjianjiqiao/Ghost/index.html">Ghost</a> <a href="/info/html/ruanjianjiqiao/Vista/index.html">Vista</a> <a href="/info/html/ruanjianjiqiao/QQkongjian/index.html">QQ空间</a> <a href="/info/html/ruanjianjiqiao/QQ/index.html">QQ</a> <a href="/info/html/ruanjianjiqiao/FlashGet/index.html">FlashGet</a> <a href="/info/html/ruanjianjiqiao/xunlei/index.html">迅雷</a> <a href="/info/html/ruanjianjiqiao/Internet-Explorer/index.html">Internet Explorer</a> <br/> <span class="STYLE1">网页制作</span> <a href="/info/html/wangyezhizuo/FrontPages/index.html">FrontPages</a> <a href="/info/html/wangyezhizuo/Dreamweaver/index.html">Dreamweaver</a> <a href="/info/html/wangyezhizuo/Javascript/index.html">Javascript</a> <a href="/info/html/wangyezhizuo/css/index.html">css</a> <a href="/info/html/wangyezhizuo/photoshop/index.html">photoshop</a> <a href="/info/html/wangyezhizuo/fireworks/index.html">fireworks</a> <a href="/info/html/wangyezhizuo/Flash/index.html">Flash</a> <br/> <span class="STYLE1">程序设计</span> <a href="/info/html/chengxusheji/Javajishu/index.html">Java技术</a> <a href="/info/html/chengxusheji/C-C--/index.html">C/C++</a> <a href="/info/html/chengxusheji/VB/index.html">VB</a> <a href="/info/html/chengxusheji/delphi/index.html">delphi</a> <br/> <span class="STYLE1">网络知识</span> <a href="/info/html/wangluozhishi/wangluoxieyi/index.html">网络协议</a> <a href="/info/html/wangluozhishi/wangluoanquan/index.html">网络安全</a> <a href="/info/html/wangluozhishi/wangluoguanli/index.html">网络管理</a> <a href="/info/html/wangluozhishi/zuwangfangan/index.html">组网方案</a> <a href="/info/html/wangluozhishi/Ciscojishu/index.html">Cisco技术</a> <br/> <span class="STYLE1">操作系统</span> <a href="/info/html/caozuoxitong/Win2000/index.html">Win2000</a> <a href="/info/html/caozuoxitong/WinXP/index.html">WinXP</a> <a href="/info/html/caozuoxitong/Win2003/index.html">Win2003</a> <a href="/info/html/caozuoxitong/Mac-OS/index.html">Mac OS</a> <a href="/info/html/caozuoxitong/Linux/index.html">Linux</a> <a href="/info/html/caozuoxitong/FreeBSD/index.html">FreeBSD</a> <br/> </div> </div> <div class="blankLine4 cbody"></div> <div class="blankLine4 cbody"></div> <div class="blankLine5 cbody" ></div> <div class="blankLine6 cbody" ></div> <div class="top cbody"> <div class="SmallArrowBotton"><img src="/images/Default_219.gif" width="17" height="9"></div> <div class="TextLinkBotton"><strong><a href="/">返回首页</a> |<a href="/aboutus/">关于我们</a> | <a href="/aboutus/contact.asp">联系我们</a> | <a href="/customercenter/howpay.asp">付款方式</a> | <a href="/agent/mode-d.asp">创业联盟</a> | <a href="/customercenter/productprice.asp">价格总览</a> | <a href="/info/">资讯中心</a> | <a href="http://www.addlink.cn/">友情链接</a> | <a href="/map/">网站地图</a> | <a href="/aboutus/job.asp">招贤纳士</a> | <a href="/info/plus/rssmap.html"><img src="/info/templets/images/rss_button.gif" alt="RSS" /></a></strong></div> </div> <div class="blankLine7 cbody" ></div> <div class="footer cbody margintop"> <div class="floatclear"><table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3B81C2,endColorStr=#82B0DA)"> <tr> <td width="34" height="160" rowspan="2" valign="top" align="left"> </td><td width="541" valign="top"><font color="#FFFFFF"><br> 版权所有 </font><a href="http://www.west263.com"><font color="#FFFFFF">西部数码</font></a><font color="#FFFFFF">(www.west263.com)<br> CopyRight (c) 2002~2007 west263.com all right reserved.<br> 公司地址：四川成都市万和路90号天象大厦4楼　邮编：610031<br> 电话总机：028-86263408 86263960 86264018 86267838 86262244 86263408 <br> 售前咨询：总机转201 202 203 204 205 206 207 208 <br> 售后服务：总机转211 212 213 214 217 218 晚上0点以后拔分机225<br> </font> </td><td width="203" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td height="48"><a href="/aboutus/onlinephone.asp"><img src="/photo/help/freetel.gif" width="136" height="48" border="0"></a></td> </tr> <tr> <td height="20"><a href="/customercenter/subquestion.asp"><img src="/images/buttom_06.jpg" width="136" height="48" border="0"></a></td></tr> </table></td></tr> <tr> <td colspan="2" valign="top" height="81"><font color="#FFFFFF">财务咨询：总机转224 223 传真：028-86264041 财务QQ：<img border="0" src=http://wpa.qq.com/pa?p=1:635483282:4 alt="点击发送消息给对方">635483282<br> 售前咨询QQ：<img border='0' SRC=http://wpa.qq.com/pa?p=1:327314358:4 alt='点击发送消息给对方'>327314358 <img border='0' SRC=http://wpa.qq.com/pa?p=1:241975952:4 alt='点击发送消息给对方'>241975952 <img border='0' SRC=http://wpa.qq.com/pa?p=1:275026793:4 alt='点击发送消息给对方'>275026793 <img border='0' src=http://wpa.qq.com/pa?p=1:408235859:4 alt='点击发送消息给对方'>408235859 <img border='0' src=http://wpa.qq.com/pa?p=1:2182518:4 alt='点击发送消息给对方'>2182518 <img border='0' SRC=http://wpa.qq.com/pa?p=1:499513144:4 alt='点击发送消息给对方'>499513144<br> 售后服务QQ：<img border='0' src=http://wpa.qq.com/pa?p=1:634349278:4 alt='点击发送消息给对方'>634349278 <img border='0' src=http://wpa.qq.com/pa?p=1:809071471:4 alt='点击发送消息给对方'>809071471 <img border='0' src=http://wpa.qq.com/pa?p=1:307742704:4 alt='点击发送消息给对方'>307742704 <img border='0' src=http://wpa.qq.com/pa?p=1:512359778:4 alt='点击发送消息给对方'>512359778 <img border='0' src=http://wpa.qq.com/pa?p=1:287976517:4 alt='点击发送消息给对方'>287976517 <img border='0' src=http://wpa.qq.com/pa?p=1:363783715:4 alt='点击发送消息给对方'>363783715 <img src="/photo/p16.gif" width="22" height="22"></font><a href="/dialog_1.htm" target="_blank"><font color="#FFFFFF">在线咨询</font></a><font color="#FFFFFF"><br> </font><a href="/icp.asp"><font color="#FFFFFF">《中华人民共和国增值电信业务经营许可证》编号：川B2-20030065号</font></a><br> <br></td></tr> </table> </div> </div> </body> </html>