网站制作时动画效果的时间该怎么控制

在制作网站的时候，通常我们要在网页上加上很多的动画效果，无论这些页面的动画效果是通过css控制还是通过js控制的，在需要在制作网页的时候都规定一个动画执行的时间。在网页中，一定的动画效果就能使用户觉得这个这个网站是活的一样，但是在网页动画效果中需要严格的控制动画执行的时间，以及两个动画执行的间隔。合适的动画时间会使客户感觉到愉悦，过渡的动画执行时间会使客户感觉到繁琐。就好比我们在走路的时候，每一步的时间都是一定的，虽然根据每个人的不同但是，每两步之间需要用的时间都是在一个范围之内的。如果你走一步路需要0.5秒的时间，现在让你走一步路用完1秒的时间，你可能觉得没有什么，只是你的步子慢下来了而已，那如果让你走一步路花费一分钟的时间呢是不是很怪异？相当于给你正常走一步路放慢了120倍，你自己觉得别扭，看的人也觉得别扭，还看的比较急躁，最后索性不看了。其实网页中的动画也是一个道理，控制动画执行的时间就是要让一个动画合理的展示在用户的眼前，太慢了的话会让人觉得这个动画是一卡一卡的，不懂的人还以为是网页加载慢的缘故，其实不然，只是你动画执行的时间太长了。因为你所规定的动画执行总时间浏览器是按照动画执行一个像素一个像素分配下去的，而一般的电脑显示器的刷新率是13毫秒。执行时间过长的话就会出现让人觉得卡顿的情况。有的人说动画执行的时间长了不行，那我动画执行时间短点或者不要过度动画了可以吧？动画时间执行过短和不要执行动画一种给人很快速的感觉，一种是很突然的感觉。动画执行时间过短的话会让用户感觉到看不清楚。达不到动画所能给予客户体验度的大效果。而取消过度动画直接一步到位的话，又给用户一种很突然的感觉。在浏览网页的时候使人感觉很粗糙，现在的人审美度都比较的高，所以这种粗糙的网页会大大的降低体验度，而影响到客户对这个公司的一印象。通常情况下，一个动画的执行时间不能超过0.5秒，具体时间根据具体情况而定。一般情况下我们所使用的下拉菜单是根据css来控制的，使用css中的过度动画属性可以自动产生下拉菜单的过度动画，通常都是匀速的动画。然而你也可以通过css3新增的属性来根据自己的需要创建一个动画，动画怎样执行和执行时间的长短都是可以由您自己控制的。在js中，要规定一个动画的执行一般都会使用到计时器，也就是说js的动画其实也就是计时回调的过程。因为一般情况下电脑屏幕的刷新时间是13ms所以一般情况下时间参数我写的也是13ms，虽然现在有一些专业的电脑屏幕刷新时间会压缩的更短，但是我觉得如果再比13ms短的话人的眼睛也是看不过来的还会影响计算机的性能。js中想要控制动画是怎么执行的，那么就得自己写函数来执行动画在某一时间的执行情况了，如果不会写的话可以尝试使用jq中已经封装好的动画，只需要在后面写入动画执行的名称就可以了。以上就是页面上的动画的执行时间的推荐了。

网页名称：网站制作时动画效果的时间该怎么控制
文章来源：https://www.cdcxhl.com/news8/54858.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站制作等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联