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

发表日期： 2021-05-24 12:48:15 浏览次数：96

网站建设.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。

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

上一页：石狮网站建设【石狮网络公司】石狮做网站、石狮微信公众号开发、石狮网站设计、石狮小程序制作

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