当前位置：网站首页>小程序开发>网站开发

朔州微信公众号开发公司、朔州微信小程序制作费用、朔州客户端APP软件需要大概多少钱【朔州小程序搭建开发】朔州企业微信服务号代运营制作、朔州公众号推文编辑排版外包价格

发表日期： 2020-07-15 16:24:11 浏览次数：173

朔州，山西省辖地级市，国家历史文化名城，新型以煤电为主导的能源重化工基地，中国农区最大的奶源基地，日用陶瓷生产基地，也是全国避暑休闲胜地。

位于山西省西北部，桑干河上游，西北毗邻内蒙古自治区，南扼雁门关隘。这里寒来暑往，四季分明，拥有众多各类规模的旅游景区景点。著名景点有崇福寺、应县木塔、杀虎口、朔州老城等。历史上先后涌现出西汉著名诗人班婕妤、三国名将张辽等杰出人物。

jQuery UI 实例 - 拖动（Draggable）

允许使用鼠标移动元素。

如需了解更多有关 draggable 交互的细节，请查看 API 文档可拖拽小部件（Draggable Widget）。

默认功能

在任意的 DOM 元素上启用 draggable 功能。通过鼠标点击并在视区中拖动来移动 draggable 对象。

<!doctype html><html lang="en"><head>
  <meta charset="utf-8">
  <title>jQuery UI 拖动（Draggable） - 默认功能</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
  <style>
  #draggable { width: 150px; height: 150px; padding: 0.5em; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable();
  });
  </script></head><body>
 <div id="draggable" class="ui-widget-content">
  <p>请拖动我！</p></div>
 
 </body></html>

查看演示

自动滚动

当 draggable 移动到视区外时自动滚动文档。设置 scroll 选项为 true 来启用自动滚动，当滚动触发时进行微调，滚动速度是通过 scrollSensitivity 和 scrollSpeed 选项设置的。

<!doctype html><html lang="en"><head>
  <meta charset="utf-8">
  <title>jQuery UI 拖动（Draggable） - 自动滚动</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
  <style>
  #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable({ scroll: true });
    $( "#draggable2" ).draggable({ scroll: true, scrollSensitivity: 100 });
    $( "#draggable3" ).draggable({ scroll: true, scrollSpeed: 100 });
  });
  </script></head><body>
 <div id="draggable" class="ui-widget-content">
  <p>Scroll 设置为 true，默认设置</p></div>
 <div id="draggable2" class="ui-widget-content">
  <p>scrollSensitivity 设置为 100</p></div>
 <div id="draggable3" class="ui-widget-content">
  <p>scrollSpeed 设置为 100</p></div>
 <div style="height: 5000px; width: 1px;"></div>
 
 </body></html>

查看演示

约束运动

通过定义 draggable 区域的边界来约束每个 draggable 的运动。设置 axis 选项来限制 draggable 的路径为 x 轴或者 y 轴，或者使用 containment 选项来指定一个父级的 DOM 元素或者一个 jQuery 选择器，比如 'document.'。

<!doctype html><html lang="en"><head>
  <meta charset="utf-8">
  <title>jQuery UI 拖动（Draggable） - 约束运动</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
  <style>
  .draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  #draggable, #draggable2 { margin-bottom:20px; }
  #draggable { cursor: n-resize; }
  #draggable2 { cursor: e-resize; }
  #containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px; }
  h3 { clear: left; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable({ axis: "y" });
    $( "#draggable2" ).draggable({ axis: "x" });
 
    $( "#draggable3" ).draggable({ containment: "#containment-wrapper", scroll: false });
    $( "#draggable5" ).draggable({ containment: "parent" });
  });
  </script></head><body>
 <h3>沿着轴约束运动：</h3>
 <div id="draggable" class="draggable ui-widget-content">
  <p>只能垂直拖拽</p></div>
 <div id="draggable2" class="draggable ui-widget-content">
  <p>只能水平拖拽</p></div>
 <h3>或者在另一个 DOM 元素中约束运动：</h3><div id="containment-wrapper">
  <div id="draggable3" class="draggable ui-widget-content">
    <p>我被约束在盒子里</p>
  </div>
 
  <div class="draggable ui-widget-content">
    <p id="draggable5" class="ui-widget-header">我被约束在父元素内</p>
  </div></div>
 
 </body></html>

特斯拉美国工厂130多位工人确诊新冠

【特斯拉美国工厂130多位工人确诊新冠】据多家美媒周二爆料，马斯克位于北加州的特斯拉工厂有130多个一线工人确诊感染新冠病毒，还有部分非全职和合同工也测出新冠阳性。这家工厂一共有大约1万名员工，新冠患者与其中1500多名员工有过接触。5月，马斯克曾不顾加州政府禁止复工的指令，强行推动特斯拉工厂开工，并传出他威胁开除拒绝回来上班的工人，引发很多争议。（记者常君）