JavaScript 拖动布局dragFix

JavaScript 拖动布局dragFix,标签：javascript视频教程,javascript教程下载,http://www.xuehuiba.com
</div>
</div>
<div id="main_main">
<div id="drag3" drag="yes" range="out">
  <div class='system_header_bar' header='yes'>
    <span>标题</span>
    <a href="#" class="button_del" title="关闭" >X</a>
  
  </div>
  <div class="system_header_content">
   <div class="one">内容</div>
                </div>
</div>

<div id="drag4" drag="yes" range="in">
  <div class='system_header_bar' header='yes'>
    <span>freebirdy</span>
    <a href="#" class="button_del" title="关闭" >X</a>
  
  </div>
  <div class="system_header_content">
   <div class="one">
    <span>支持绝大多数浏览器！暂时没发现有不支持的浏览器，发现有的，请给我发个信息！<br>
QQ：447959415<br>
MSN:freebirdy0815@hotmail.com<br>
Blog:<a target="_blank" href="http://freebirdy.blog.sohu.com" rel="external">http://freebirdy.blog.sohu.com</a><br>
Email:freebird110@qq.com <a href="freebirdy0815@163.commailto:freebirdy0815@163.com">freebirdy0815@163.com</a></span>
   </div>
                </div>
       </div>
<div id="drag5" drag="no" range="out">
  <div class='system_header_bar' header='yes'>
  
    <span>不能拖动</span>
    <a href="#" class="button_del" title="关闭" >X</a>
  
  </div>
  <div class="system_header_content">
   <div class="one">
    <span style="color:red">不能拖动</span>
   </div>
                </div>
</div>

</div>
<div id="main_right">
<div id="drag6" drag="yes" range="in">
  <div class='system_header_bar' header='yes'>
  
    <span>系统参数</span>
    <a href="#" class="button_del" title="关闭" >X</a>
  
  </div>
  <div class="system_header_content">
    <span style='color:red'>只能在此列拖动</span>
                </div>
</div>

<div id="drag7" drag="yes" range="out">
  <div class='system_header_bar' header='yes'>
                                <span>搜索</span>
    <a href="#" class="button_del" title="关闭" >X</a>
                       
                </div>
  <div class="system_header_content">
   <div class="one">
    <span style='color:red'>可以任意拖动</span>
   </div>
                </div>
</div>
</div>
</div>
<!--主体部分结束-->
</body>
</html>

电脑知识

上一页  [1] [2] [3] [4]