【网站建设一条龙】【长葛网站建设|长葛网站制作|长葛网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价-搭高端网站设计

分类：企业网站 | 浏览: 34次

2022-03-28 17:16:01

上往主营服务为网站建设，网站推广，网店设计，网站建设，企业网站，网站制作，网页设计，网站建设，企业网站制作，网页制作等。服务范围：各城市都可以服务，需要咨询请拨打电话，免费咨询。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）

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

网站建设.png

长葛市，河南省辖县级市，由许昌市代管，地处河南省中部、许昌市北部，位于北纬34°09′~34°20′，东纬113°34′~114°08′，北靠新郑市；西连禹州市；东北接尉氏县；东南邻鄢陵县，市境南北21.4千米，东西51.9千米，总面积650平方千米。 [26] 根据全国第七次人口普查数据显示，截至2020年11月1日零时，长葛市常住人口710033人。 [19] 长葛市是乐舞始祖葛天氏的故里，被民政部确定为“千年古县”。 [18]

春秋时，鲁隐公五年（前718年）宋人伐郑围长葛，始见其名。战国时，周烈王元年（前375年）韩哀侯灭郑，长葛属韩，后（前361~前350年期间）为魏伐取，长葛归魏，改名长社。隋开皇六年（586年），析置长葛县（治所今老城），长葛属许州。中华人民共和国建立后，长葛属许昌专区。1969年改专区为地区，长葛属许昌地区。1986年2月，许昌地区撤消，许昌市升为省辖市，长葛属之。1993年12月14日，长葛县撤县为市，隶属许昌市。 [25] 截至2020年6月，长葛市辖4个街道、12个镇， [27] 市人民政府驻葛天大道。

2020年，长葛市实现生产总值7814822万元，同比增长3.5%，其中，第一产业增加值316163万元，增长2.4%；第二产业增加值5525385万元，增长4.0%；第三产业增加值1973274万元，增长1.9%。三次产业结构为4.0：70.7：25.3。

AngularJS 动画

AngularJS 提供了动画效果，可以配合 CSS 使用。

AngularJS 使用动画需要引入 angular-animate.min.js 库。

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>

还需在应用中使用模型 ngAnimate：

<body ng-app="ngAnimate">

什么是动画？

动画是通过改变 HTML 元素产生的动态变化效果。

实例

勾选复选框隐藏 DIV:

<body ng-app="ngAnimate">

隐藏 DIV: <input type="checkbox" ng-model="myCheck">

<div ng-hide="myCheck"></div>

</body>

尝试一下 »

	应用中动画不宜太多，但合适的使用动画可以增加页面的丰富性，也可以更易让用户理解。

如果我们应用已经设置了应用名，可以把 ngAnimate 直接添加在模型中：

实例

<body ng-app="myApp">

<h1>隐藏 DIV: <input type="checkbox" ng-model="myCheck"></h1>

<div ng-hide="myCheck"></div>

<script>
var app = angular.module('myApp', ['ngAnimate']);
</script>

尝试一下 »

ngAnimate 做了什么?

ngAnimate 模型可以添加或移除 class 。

ngAnimate 模型并不能使 HTML 元素产生动画，但是 ngAnimate 会监测事件，类似隐藏显示 HTML 元素，如果事件发生 ngAnimate 就会使用预定义的 class 来设置 HTML 元素的动画。

AngularJS 添加/移除 class 的指令:

ng-show
ng-hide
ng-class
ng-view
ng-include
ng-repeat
ng-if
ng-switch

ng-show 和 ng-hide 指令用于添加或移除 ng-hide class 的值。

其他指令会在进入 DOM 会添加 ng-enter 类，移除 DOM 会添加 ng-leave 属性。

当 HTML 元素位置改变时，ng-repeat 指令同样可以添加 ng-move 类。

此外，在动画完成后，HTML 元素的类集合将被移除。例如： ng-hide 指令会添加以下类：

ng-animate
ng-hide-animate
ng-hide-add (如果元素将被隐藏)
ng-hide-remove (如果元素将显示)
ng-hide-add-active (如果元素将隐藏)
ng-hide-remove-active (如果元素将显示)

使用 CSS 动画

我们可以使用 CSS transition(过渡) 或 CSS 动画让 HTML 元素产生动画效果，该部分内容你可以参阅我们的 CSS 过渡教程， CSS 动画教程。

CSS 过渡

CSS 过渡可以让我们平滑的将一个 CSS 属性值修改为另外一个：

实例

在 DIV 元素设置了 .ng-hide 类时，过渡需要花费 0.5 秒，高度从 100px 变为 0:

<style>
div {
    transition: all linear 0.5s;
    background-color: lightblue;
    height: 100px;
}
.ng-hide {
    height: 0;
}
</style>

尝试一下 »

CSS 动画

CSS 动画允许你平滑的修改 CSS 属性值:

实例

在 DIV 元素设置了 .ng-hide 类时, myChange 动画将执行，它会平滑的将高度从 100px 变为 0:

<style>
@keyframes myChange {
    from {
        height: 100px;
    } to {
        height: 0;
    }
}
div {
    height: 100px;
    background-color: lightblue;
}
div.ng-hide {
    animation: 0.5s myChange;
}
</style>

尝试一下 »

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

我们的服务：

1、公司网站及推广套餐,数量有限,价格优惠,电话咨询！

2、本地化服务，由20位多年从事互联网经验的顾问共同创办。全包，而且价格相当优惠！省心又省钱！

5、7x24小时服务，节假日不休息

6、如有问题，只需一通电话！微信留言就帮你解决问题，专属客服一对一服务！

服务范围：各城市都可以服务，需要咨询请拨打电话，免费咨询

400电话办理| 书生商友软件|

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）

满意回答

2022-03-28 17:16:01

【网站建设一条龙】【长葛网站建设|长葛网站制作|长葛网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价-搭高端网站设计

AngularJS 动画

什么是动画？

实例

实例

ngAnimate 做了什么?

使用 CSS 动画

CSS 过渡

实例

CSS 动画

实例

相关问题