您身边的网站建设专家
日期： 2022-09-20 13:51:31 浏览数：17
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
阳泉微信公众号开发【阳泉网络推广】阳泉建站、阳泉网站维护、阳泉网页制作、阳泉微信小程序代运营公司
阳泉市，是山西省下辖的地级市，古称“漾泉”。位于山西省中东部，北与忻州市毗邻，东隔太行山与石家庄市相望，西接太原市，南邻晋中市；总面积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（各城市商务人员可上门服务）
