【建站服务】【永城网站建设|永城网站制作|永城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价-域名申请

当前位置：首页» 网络推广 » 【建站服务】【永城网站建设|永城网站制作|永城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价-域名申请

作者: 风兰 . 阅读量： 6 . 发表时间：2022-09-20 19:01:25

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

【永城网站建设|永城网站制作|永城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价

网站建设.png

永城，河南省辖县级市，由商丘市代管， [2-5] 河南省直管县级市 [1] ，位于河南省最东部，地处豫鲁苏皖四省结合部，区域性中心城市， [162] 被评为“千年古县”， [163] 河南省重点扩权县市， [164] 素有“豫东门户”之称 [6] 。永城总面积2020平方公里。截至2020年末，辖25个乡镇、6个街道，770个行政村（社区） [7] ，根据第七次人口普查数据，截至2020年11月1日零时，永城常住人口为1256409人。 [158]

永城因城屡遭水击不破而得名，取意“永固之城” [11] 。商代永城境内建有棘国，有永、芒、砀、酂等地；隋大业六年（610年）置县，金代为州 [12] ，抗战期间为中共豫皖苏边区省委所在地 [13] ，1996年撤县设县级市 [14] ，2014年成为河南省直管县 [5] 。2016年被河南省规划建设商丘市域副中心城市 [15] 。2017年，获批成为“河南省质量强市示范市”。 [167] 2019年10月8日，被评为2019年度全国综合实力百强县市、 [16] 全国投资潜力百强县市、全国新型城镇化质量百强县市、2019全国营商环境百强县 [17-19] 。2020年8月，获批成为河南省区域物流枢纽。 [166]

永城北依陇海、东傍京沪、西临京九，连霍高速、永登高速、济祁高速、郑徐高铁、311国道、郑永省道贯穿全境。 [7] 永城因汉高祖刘邦在芒砀山斩蛇起义被誉为“汉兴之地” [7] [20] ；永城是全国文明城市 [21] 、国家园林城市 [22] 、国家卫生城市 [23] 、中国长寿之乡 [24] 、全国绿化模范市 [25] 、全国质量强市示范城市 [26] 、全国文化先进市 [27] 、全国百强县（市） [28] 。境内有芒砀山、陈官庄烈士陵园、日月湖、造律台、崇法寺塔等景点 [29] 。

2020年，永城市地区生产总值完成637.04亿元、同比增长4.3% [7] 。

 $(function() {
    $( "#draggable" ).draggable({ snap: true });
    $( "#draggable2" ).draggable({ snap: ".ui-widget-header" });
    $( "#draggable3" ).draggable({ snap: ".ui-widget-header", snapMode: "outer" });
    $( "#draggable4" ).draggable({ grid: [ 20, 20 ] });
    $( "#draggable5" ).draggable({ grid: [ 80, 80 ] });
  });
  </script></head><body>
 <div id="snaptarget" class="ui-widget-header">
  <p>我是对齐目标</p></div>
 <br style="clear:both">
 <div id="draggable" class="draggable ui-widget-content">
  <p>默认（snap: true），对齐到所有其他的 draggable 元素</p></div>
 <div id="draggable2" class="draggable ui-widget-content">
  <p>我只对齐到大盒子</p></div>
 <div id="draggable3" class="draggable ui-widget-content">
  <p>我只对齐到大盒子的外边缘</p></div>
 <div id="draggable4" class="draggable ui-widget-content">
  <p>我对齐到一个 20 x 20 网格</p></div>
 <div id="draggable5" class="draggable ui-widget-content">
  <p>我对齐到一个 80 x 80 网格</p></div>
 
 </body></html>

查看演示

视觉反馈

给用户提供反馈，就像以助手方式拖拽对象一样。helper 选项接受值 'original'（用光标移动 draggable 对象），'clone'（用光标移动 draggable 的副本），或者一个返回 DOM 元素的函数（该元素在拖拽期间显示在光标附近）。通过 opacity 选项控制助手的透明度。

为了区别哪一个 draggable 正在被拖拽，让在运动中的 draggable 保持最前。如果正在拖拽，使用 zIndex 选项来设置助手的高度 z-index，或者使用 stack 选项来确保当停止拖拽时，最后一个被拖拽的项目总是出现在同组其他项目的上面。

<!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, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  #draggable, #draggable2, #draggable3 { margin-bottom:20px; }
  #set { clear:both; float:left; width: 368px; height: 120px; }
  p { clear:both; margin:0; padding:1em 0; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable({ helper: "original" });
    $( "#draggable2" ).draggable({ opacity: 0.7, helper: "clone" });
    $( "#draggable3" ).draggable({
      cursor: "move",
      cursorAt: { top: -12, left: -20 },
      helper: function( event ) {
        return $( "<div class='ui-widget-header'>I'm a custom helper</div>" );
      }
    });
    $( "#set div" ).draggable({ stack: "#set div" });
  });
  </script></head><body>
 <h3 class="docs">助手：</h3>
 <div id="draggable" class="ui-widget-content">
  <p>原始的</p></div>
 <div id="draggable2" class="ui-widget-content">
  <p>半透明的克隆</p></div>
 <div id="draggable3" class="ui-widget-content">
  <p>自定义助手（与 cursorAt 结合）</p></div>
 <h3 class="docs">堆叠：</h3><div id="set">
  <div class="ui-widget-content">
    <p>我们是 draggables..</p>
  </div>
 
  <div class="ui-widget-content">
    <p>..它的 z-index 是自动控制的..</p>
  </div>
 
  <div class="ui-widget-content">
    <p>..带有 stack 选项。</p>
  </div></div>
 
 </body></html>

查看演示

jQuery UI Draggable + Sortable

Draggable 与 Sortable 的无缝交互。

<!doctype html><html lang="en"><head>
  <meta charset="utf-8">
  <title>jQuery UI 拖动（Draggable） + 排序（Sortable）</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>
  ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
  li { margin: 5px; padding: 5px; width: 150px; }
  </style>
  <script>
  $(function() {
    $( "#sortable" ).sortable({
      revert: true
    });
    $( "#draggable" ).draggable({
      connectToSortable: "#sortable",
      helper: "clone",
      revert: "invalid"
    });
    $( "ul, li" ).disableSelection();
  });
  </script></head><body>
 <ul>
  <li id="draggable" class="ui-state-highlight">请拖拽我</li></ul>
 <ul id="sortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Item 5</li></ul>
 
 </body></html>

【永城网站建设|永城网站制作|永城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。