一、jquery返回顶部$("html,body").animate({scrollTop:0},‘slow‘);二、jQuery判断移动端屏幕的滑动方向$(‘body‘).on(‘touchstart‘,function(e){vartouch=e.originalEvent,startX=touch.changedTouche
                            
                            
                                分类:
其他好文   时间:
2019-02-27 11:47:19   
                                阅读次数:
229
                             
                    
                        
                            
                            
                                    Vue.js进入/离开 & 列表过渡 传送门 进入/离开过渡效果:Vue在插入、更新或移除DOM时,可以设置一些动画效果; 过渡效果中也提供了对应的钩子函数,这些钩子函数需要在<transition>组件上绑定,然后再实现 Vue中的过渡效果也可以与其他第三方CSS动画库一起使用,例如Animate ...
                            
                            
                                分类:
其他好文   时间:
2019-02-27 01:27:25   
                                阅读次数:
262
                             
                    
                        
                            
                            
                                    之前文章:JGUI源码:Accordion鼠标中键滚动和手机端滑动实现https://www.cnblogs.com/zhaogaojian/p/10421950.html做的代码总感觉哪里不对,有时候会卡一下,现在将之前的Timer实现方式改成Interval,判断中键滚动后再做animate,响 ...
                            
                            
                                分类:
其他好文   时间:
2019-02-26 11:44:59   
                                阅读次数:
199
                             
                    
                        
                            
                            
                                一.事件 click(function(){}) 点击事件 hover(function(){}) 悬浮事件,这是jQuery封装的,js没有不能绑定事件 focus(function(){}) 聚焦事件,多用于input blur(function(){}) 离开聚集事件,与聚焦事件相反 chan ...
                            
                            
                                分类:
Web程序   时间:
2019-02-19 01:27:51   
                                阅读次数:
218
                             
                    
                        
                            
                            
                                    原文地址:https://segmentfault.com/a/1190000015070543 感想: 动画,背景颜色 HTML code: CSS code: ...
                            
                            
                                分类:
Web程序   时间:
2019-02-16 20:49:02   
                                阅读次数:
203
                             
                    
                        
                            
                            
                                    动画效果可以参照animate.css 注:图片默认是不动的,当鼠标经过的时候才会动。原理很简单--通过js,添加鼠标经过事件,鼠标经过时,把当前元素存放在“data-in”里的“swing”添加到class里,前提animated这个类一定要加上,要不然动画不起作用。 1、引入animate.cs ...
                            
                            
                                分类:
Web程序   时间:
2019-02-13 12:49:33   
                                阅读次数:
1106
                             
                    
                        
                            
                            
                                概述:使用js实现自动播放、无缝连接的轮播图 图片轮播的实质是改变图片相对于父对象的左边距的值,利用offsetLeft获取,利用style.left修改 封装动画函数如下: function animate(element,target) { clearInterval(element.timeI ...
                            
                            
                                分类:
其他好文   时间:
2019-02-11 01:10:38   
                                阅读次数:
198
                             
                    
                        
                            
                            
                                    Animation 动画 可以在python中直接显示动态图片 在命令行打开python然后输入代码,得到动态的函数曲线 ...
                            
                            
                                分类:
其他好文   时间:
2019-02-09 00:52:38   
                                阅读次数:
176
                             
                    
                        
                            
                            
                                    1 import { trigger, state, transition, style, animate, keyframes } from '@angular/animations'; //trigger, state, transition, style, animate 这5个都是动画函数  ...
                            
                            
                                分类:
其他好文   时间:
2019-01-31 01:25:19   
                                阅读次数:
376
                             
                    
                        
                            
                            
                                $(this.div_wrong).show().css({width:"0px", height:"0px"}) .animate({width:"260px",height:"300px"}, 150 ) .animate({width:"200px",height:"240px"}, 150  ...
                            
                            
                                分类:
Web程序   时间:
2019-01-28 00:41:12   
                                阅读次数:
201