​昌吉网站推广【昌吉官网推广哪个效果好】昌吉百度竞价推广托管、昌吉百度优化推广外包、昌吉全网霸屏推广多少钱、昌吉网络推广一年大概多少费-网络推广-网站建设【企业网站制作|网页设计】- 高端网站建设 - 书生商友信息科技-

全国热线:400-111-6878

网站建设推广专家

​昌吉网站推广【昌吉官网推广哪个效果好】昌吉百度竞价推广托管、昌吉百度优化推广外包、昌吉全网霸屏推广多少钱、昌吉网络推广一年大概多少费

发表日期: 2020-07-21 15:46:57 浏览次数:138

昌吉网站推广【昌吉官网推广哪个效果好】昌吉百度竞价推广托管、昌吉百度优化推广外包、昌吉全网霸屏推广多少钱、昌吉网络推广一年大概多少费


昌吉回族自治州,简称“昌吉州”,隶属于新疆维吾尔自治区,首府驻昌吉市,地处天山北麓,准噶尔盆地东南缘,地势南高北低,由东南向西北倾斜,属中温带区,为典型的大陆性干旱气候;总面积7.39万平方千米,辖2个县级市、4个县、1个自治县;2017年总人口140.6万人。

新疆昌吉回族自治州曾是古代“丝绸之路”新北道通往中亚、欧洲的必经之路,自古为西域咽喉、北疆屏障,是新疆丝绸之路经济带核心区的重要组成部分。北疆铁路、312国道、216国道、115省道、吐乌大高等级公路贯穿全境。 同时,昌吉州还是中小企业知识产权战略推进工程试点城市。

2018年,昌吉回族自治州实现地区生产总值(GDP)1367.30亿元,按可比价格计算,比上年增长5.1%。其中,第一产业增加值226.19亿元,增长4.5%;第二产业增加值700.97亿元,增长3.7%;第三产业增加值440.14亿元,增长7.4%。昌吉回族自治州人均生产总值83036元,同比增长2.3%。按当年平均汇率折合12853美元。


html+css3+js符号标签掉下之后文字变大动画

工具/原料

  • adobe dreamweaver

方法/步骤

  1. 新建html文档。

    html+css3+js符号标签掉下之后文字变大动画
  2. 书写hmtl代码。<div class="splash"> <div class="counter">  <div>   <h1>百度经验</h1>  </div> </div> <p class="tagline">百度经验</p> <p class="calories">百度经验</p></div>

    html+css3+js符号标签掉下之后文字变大动画
  3. 书写css代码。<style>html { background-color: #fff; color: #32353a; font-family: Tahoma, Verdana, Segoe, sans-serif; line-height: 1.5; }body { margin: 0; }h1 { font-family: 'American Typewriter', 'Rockwell Extra Bold', 'Book Antiqua', Georgia, serif; font-size: 4em; }.counter { margin-bottom: 1rem; border-bottom: .1875em dashed #d2d6dd; }.tagline { font-size: 1.125em; margin: 2rem 1.5rem; }.calories { color: #8b919b; font-size: .875em; }.splash { position: relative; height: 100vh; max-width: 30em; text-align: center; }.splash { box-sizing: border-box; max-width: 30em; margin: 0 auto; padding: 1.5em; }.counter { position: relative; padding-top: 30vh; }.counter h1 { position: relative; text-align: center; margin: 0; line-height: .625; z-index: 2; transform-origin: bottom center; }.dish { color: #e89c2b; position: absolute; width: 1em; height: 1em; margin-top: -.75em; margin-left: -.5em; font-size: 2rem; top: 0; transform: translateY(-3em); transition-duration: .75s; transition-timing-function: ease-in; transition-property: transform; z-index: 1; }.dish.drop { transform: translateY(30vh); }.nommer { position: absolute; bottom: 2em; margin-left: -1em; color: rgba(0,0,0,.5); font-size: 1.5rem; transform-origin: bottom center; }</style>

    html+css3+js符号标签掉下之后文字变大动画
  4. 书写并添加js代码。<script src="js/fitty.min.js"></script>

    <script>

    (function(){  var counter = document.querySelector('.counter');  var diner = document.querySelector('h1');  var menu = ['*', '@', '%', '¥', '#', '^_^'];  var noms = ['nom', 'nom!', 'nom!!', 'nommm', 'nommy'];  var finished = 0;  function jelly(e) {    diner.removeEventListener('fit', jelly);    diner.animate(      [        { transform: 'scale(' + 1 / e.detail.scaleFactor + ')' },        { transform: 'scale(1.1)' },        { transform: 'scale(.9)' },        { transform: 'scale(1.05)' },        { transform: 'scale(.98)' },        { transform: 'scale(1)' }      ],      {        duration:500      }    );  }  // eat animation  function nom(index) {    var nommer = document.getElementById('nommer-' + index);    var rotation = -20 + (Math.random() * 40);    var scale = .75 + (Math.random() * .5);    nommer.animate(      [        { opacity:0, transform: 'scale(' + .25 * scale + ') rotateZ(' + rotation + 'deg) translateY(0) ' },        { opacity:1, transform: 'scale(' + scale + ') rotateZ(' + rotation + 'deg) translateY(-.5em) ' }      ],      {        duration:250      }    );    diner.animate(      [        { transform: 'scaleY(1)' },        { transform: 'scaleY(' + (.7 + (Math.random() * .2)) + ')' },        { transform: 'scaleY(1)' }      ],      {        duration:100      }    );  }  if ('animate' in diner) {    diner.addEventListener('fit', jelly);  }  var dishes = menu  .concat(menu)   .sort(function() { return .5 - Math.random(); })  .concat(['??']) // unfortunately there's no fly emoji  .map(function(menuItem, i) {    var offset = 33.33 + (Math.random() * 33.33);    var dish = document.createElement('div');    dish.textContent = menuItem;    dish.setAttribute('aria-hidden', 'true');    dish.setAttribute('data-nommer', i);    dish.className = 'dish';    dish.style.cssText = 'left:' + offset + '%; transition-delay: ' + ((i * 200) + Math.random() * 100) + 'ms';    var nommer = document.createElement('div');    nommer.id = 'nommer-' + i;    nommer.textContent = noms[Math.floor(Math.random() * noms.length)];    nommer.setAttribute('aria-hidden', 'true');    nommer.className = 'nommer';    nommer.style.cssText = 'left:' + offset + '%; opacity:0;';    counter.appendChild(dish);    counter.appendChild(nommer);    return dish;  });  setTimeout(function() {    requestAnimationFrame(function() {      dishes.forEach(function (dish) {        dish.classList.add('drop');        dish.addEventListener('transitionend', burb);      })    });  }, 500);  function burb(e) {    e.target.removeEventListener('transitionend', burb);    e.target.style.opacity = 0;    finished++;    if (finished === dishes.length) {      full();    }    else if ('animate' in diner) {      nom(e.target.getAttribute('data-nommer'));    }  }  function full() {    fitty(diner, {      minSize:64    });  }}());</script>
    html+css3+js符号标签掉下之后文字变大动画
  5. 代码整体结构。

    html+css3+js符号标签掉下之后文字变大动画
  6. 查看效果。

    html+css3+js符号标签掉下之后文字变大动画






 7 月 20 日消息 天眼查数据显示,美团关联公司——北京三快科技有限公司于 2019 年 12 月申请的 “美团无人配送”商标于近日更新状态,当前状态为 “初审公告”,国际分类为 38 - 通讯服务。


机器人送外卖:美团申请无人配送商标



昌吉网站推广昌吉官网推广哪个效果好昌吉百度竞价推广托管、昌吉百度优化推广外包、昌吉全网霸屏推广多少钱、昌吉网络推广一年大概多少费



上一条:​乌鲁木齐网站推广【乌鲁木齐官网推广哪个效果好】乌鲁木齐百度竞价推广托管、乌鲁木齐百度优化推广外包、乌鲁木齐全网霸屏推广多少钱、乌鲁木齐网络推广一年大概多少费
下一条:巴音郭楞网站推广【巴音郭楞官网推广哪个效果好】巴音郭楞百度竞价推广托管、巴音郭楞百度优化推广外包、巴音郭楞全网霸屏推广多少钱、巴音郭楞网络推广一年大概多少费 ​
网站制作
小程序制作
网站优化
网站开发
400电话办理
网络推广
网站建设
网店装修
微信公众号开发
网页设计
网络公司
域名企业邮箱
服务器空间
网站案例报价
百科问答
编辑排版美工
App软件开发
百度推广
代运营托管
logo设计
网络全网营销
网站备案
网站定制
小程序开发公司
首页
电话
立即预约