当前位置：首页» 网络推广 » 【建站服务】石狮网站制作【石狮网站优化】石狮建网站、石狮微信公众号运营、石狮网页设计、石狮微信小程序商城-域名申请

【建站服务】石狮网站制作【石狮网站优化】石狮建网站、石狮微信公众号运营、石狮网页设计、石狮微信小程序商城-域名申请

作者: 风兰 . 阅读量： 4 . 发表时间：2022-09-20 15:45:12

网站建设

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

石狮网站制作【石狮网站优化】石狮建网站、石狮微信公众号运营、石狮网页设计、石狮微信小程序商城

网站建设.jpg

石狮（古属泉州府晋江县），福建省辖县级市，由泉州市代管，介于北纬24°39′52″—24°48′48″，东经118°33′46″—118°46′51″之间，陆域面积157.15平方千米，潮带间滩涂面积20.54平方千米；行政管辖毗邻海域面积968.5平方千米，属亚热带季风气候，政府驻地位于湖滨街道，辖7个镇2个街道，2018年全市户籍人口31.7万，常住人口69.1万 [1-2] 。

秦汉至唐初，石狮境域隶属南安县；隋，永宁岑兜一带有先民从事海盐生产，凤里庵一带人烟稠密，人们常相约庵前石雕狮子处碰头聚会，“石狮”因之而得名 [2] ；获评全国文明城市 [3] 、中国百强县 [4] ；主要景点有姑嫂塔、永宁城隍庙等。

2019年石狮市生产总值为917.84亿元，2019年度福建省县域经济“十强”县（市）。 [5]

Javascript完美运动通用封装框架

运动是一个很有趣的事情，特别是网页上的运动，几乎无处不在，因为它能给人良好的用户体验性，况且有的网页不止一个运动，是由众多的运动元素组成，那是不是每一个元素的运动都给它一顿敲代码实现，显然是不现实，所以我们封装一个通用框架，让网页中运动的每一个元素的运动都调用这个框架，只变化参数，这样就方便很多。这篇文章的运动框架可以给每一个程序员省了许多的代码工作量，非常值得收藏和学习。

它的价值不止在减少工作量，更多的在兼容性，即使目前有很多运动都可以通过css3来实现，但那毕竟不兼容ie这个东西。除了兼容性之外，优点还有它是变速运动，让运动变化看起来更圆滑。以及支持多个运动同时进行，以及运动变化的链式反应。

以下是Javascript运动通用封装框架代码：

复制代码function getStyle(obj, attr){if(obj.currentStyle){return obj.currentStyle[attr];}else{return getComputedStyle(obj, false)[attr];}}function startMove(obj, json, fn){clearInterval(obj.timer);obj.timer=setInterval(function (){var bStop=true;for(var attr in json){//1.取当前的值var iCur=0;if(attr=='opacity'){iCur=parseInt(parseFloat(getStyle(obj, attr))*100);}else{iCur=parseInt(getStyle(obj, attr));}//2.算速度var iSpeed=(json[attr]-iCur)/8;iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);//3.检测停止if(iCur!=json[attr]){bStop=false;}if(attr=='opacity'){obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';obj.style.opacity=(iCur+iSpeed)/100;}else{obj.style[attr]=iCur+iSpeed+'px';}}if(bStop){clearInterval(obj.timer);if(fn){fn();}}}, 30)}复制代码

使用方法：先把以上这段js插入到页面js中，然后调用，调用方法举例：

var input=document.getElementById('input'); input.onmouseover=function(){

startMove(this, 'height', 300)//普通运动 startMove(this, 'height', 300,function(){alert('a')})//运动结束回调方法 startMove(this,{width:200,opacity:100}, 300)//多个运动同时进行 }

只需要变换红色的参数即可，分别对应为：运动对象，需要变化的属性，变化到目标值，变化完成调用的函数。

其中需要变化的属性包括left，height，width，opacity等，其中opacity的目标值应乘以100。

石狮网站制作【石狮网站优化】石狮建网站、石狮微信公众号运营、石狮网页设计、石狮微信小程序商城

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