您身边的网站建设专家
成功案例

【建站服务】阳泉微信公众号开发【阳泉网络推广】阳泉建站、阳泉网站维护、阳泉网页制作、阳泉微信小程序代运营公司-域名申请

日期: 2022-09-20 13:51:31 浏览数:17


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


阳泉微信公众号开发【阳泉网络推广】阳泉建站、阳泉网站维护、阳泉网页制作、阳泉微信小程序代运营公司

网站建设.jpg

阳泉市,是山西省下辖的地级市,古称“漾泉”。位于山西省中东部,北与忻州市毗邻,东隔太行山与石家庄市相望,西接太原市,南邻晋中市;总面积4559平方公里,是一座新兴工业城市。阳泉地处黄土高原东缘,属于山西东部山地,境内地貌以山地为主,其余为丘陵和平原;属暖温带半湿润大陆性季风气候区 [1]  。截至2019年,阳泉市辖三区两县,总人口141.75万人。 [2-3] 

阳泉是三晋门户,晋冀要衡,地处太原、石家庄两个省会城市的中间位置,相距均为100公里。阳泉又处于东部发达地区与中西部的结合地带,还位于环渤海与长江三角洲的两大经济区的合理运输扇区内,经天津、青岛、黄骅港可东出渤海。境内有万里长城第九关、娘子关,有藏山旅游景区,有冠山书院,有石评梅故居,有梁家寨温泉,还有以百团大战纪念建筑群体为主的狮脑山森林公园。 [4] 

20世纪80年代开始,阳泉利用煤炭资源优势,经济得到迅速发展,一路领跑山西各市,被誉为“小上海”。2019年,阳泉市全年实现地区生产总值718.9亿元,按可比价计算,增长5.0% [3]  。2020年,阳泉市实现地区生产总值742.2亿元,增长3.6% [37]  。

现今阳泉市致力于打造“五城同创”、晋东旅游中心城市、晋东交通综合枢纽和山西向东发展桥头堡。2020年,阳泉市入选国家卫生城市名单。 [5] 


<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>     <title>京东侧边栏触摸事件-手机模式测试</title>     <style>         *{             margin: 0;             padding: 0;             -webkit-box-sizing: border-box;             -moz-box-sizing: border-box;             box-sizing: border-box;         }         a,a:hover{             color: #333;             text-decoration: none;             display: block;             height: 50px;             line-height: 50px;             text-align: center;         }         .box{             height: 500px;             margin: 30px auto;             width: 90px;             border: 1px solid red;             overflow: hidden;         }         ul li{             width: 90px;             height: 50px;             border-bottom: 1px solid #ccc;             border-right: 1px solid #ccc;             list-style: none;         }         .cur>a{             color: red;             border-right: none;         }     </style> </head> <body> <div>     <ul>         <li><a href="javascript:;">热门推荐</a></li>         <li><a href="javascript:;">潮流女装</a></li>         <li><a href="javascript:;">品牌男装</a></li>         <li><a href="javascript:;">内衣配饰</a></li>         <li><a href="javascript:;">家用电器</a></li>         <li><a href="javascript:;">电脑办公</a></li>         <li><a href="javascript:;">手机数码</a></li>         <li><a href="javascript:;">母婴频道</a></li>         <li><a href="javascript:;">图书</a></li>         <li><a href="javascript:;">家居家纺</a></li>         <li><a href="javascript:;">居家生活</a></li>         <li><a href="javascript:;">家具建材</a></li>         <li><a href="javascript:;">热门推荐</a></li>         <li><a href="javascript:;">潮流女装</a></li>         <li><a href="javascript:;">品牌男装</a></li>         <li><a href="javascript:;">内衣配饰</a></li>         <li><a href="javascript:;">家用电器</a></li>         <li><a href="javascript:;">电脑办公</a></li>         <li><a href="javascript:;">手机数码</a></li>         <li><a href="javascript:;">母婴频道</a></li>         <li><a href="javascript:;">图书</a></li>         <li><a href="javascript:;">家居家纺</a></li>         <li><a href="javascript:;">居家生活</a></li>         <li><a href="javascript:;">家具建材</a></li>     </ul> </div> </body> <script>     var box=document.querySelector('.box');     var ul=box.querySelector('ul');     var lis=ul.querySelectorAll('li');     /*-----定位的最大、最小位置-----*/     var maxTop=0;     var minTop=box.offsetHeight-ul.offsetHeight;     /*-----------拖动ul最大最小位置-------------*/     var maxSwipe=maxTop+120;     var minSwipe=minTop-120;     /*---记录当前的值---*/     var currentY=0;     /*封装添加过渡动画*/     function setTransition(){         ul.style.webkitTransition='transform 0.3s';         ul.style.transition='transform 0.3s';     }     /*封装删除的过渡动画*/     function removeTransition(){         ul.style.webkitTransition='none';         ul.style.transition='none';     }     /*封装添加Y轴移动*/     function setTranslateY(x){         ul.style.webkitTransform='translateY('+x+'px)';         ul.style.transform='translateY('+x+'px)';     }     /*---------------------点击颜色变化&&点击的li移动到最顶端----------------------*/     Myclcik(box,function(){         box.addEventListener('click',function(e){             var target= e.target.parentNode;             console.log(target);             for(var i=0;i<lis.length;i++){                 lis[i].classList.remove('cur');                 lis[i].index=i;             }             target.classList.add('cur');             var y=-target.index*50;             if(y>maxTop){                 y=maxTop;             }             if(y<minTop){                 y=minTop;             }             setTransition();             setTranslateY(y);             currentY=y;         })     })     /*------------------手动移动ul && 有限制范围------------------------*/     var startY=0;     var moveY=0;     var distanceY=0;     ul.addEventListener('touchstart',function(e){         startY= e.targetTouches[0].clientY;     })     ul.addEventListener('touchmove',function(e){         moveY= e.targetTouches[0].clientY;         distanceY=moveY-startY;         var y=distanceY+currentY;         if(y>maxSwipe){             y=maxSwipe;         }         if(y<minSwipe){             y=minSwipe;         }         removeTransition();         setTranslateY(y);     })     ul.addEventListener('touchend',function(e){         currentY=currentY+distanceY;         if(currentY>maxTop){             currentY=maxTop;             setTransition()             setTranslateY(currentY);         }         if(currentY<minTop){             currentY=minTop;             setTransition();             setTranslateY(currentY);         }         /*---------数据重置---------*/         startY=0;         moveY=0;         distanceY=0;     })     /*封装移动端的点击函数*/     function Myclcik(obj,callback){         if(typeof obj=='object'){             var startTime=0;             var isMove=false;             obj.addEventListener('touchstart',function(){                 startTime=Date.now();             })             obj.addEventListener('touchmove',function(){                 isMove=true;             })             obj.addEventListener('touchend',function(){                 if(Date.now()-startTime<150 && !isMove){                     callback && callback();                 }                 startTime=0;                 isMove=false;             })         }     } </script> </html>


阳泉微信公众号开发阳泉网络推广阳泉建站、阳泉网站维护、阳泉网页制作、阳泉微信小程序代运营公司


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

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


全国咨询热线:400-111-6878

地址:全国各地都有驻点商务

Copyright © 2021 通陆科技

网站建设上往建站