码迷,mamicode.com
首页 >  
搜索关键字:animate    ( 701个结果
[js高手之路]打造通用的匀速运动框架
本文,是接着上文[js高手之路]匀速运动与实例实战(侧边栏,淡入淡出)继续的,在这篇文章的最后,我们做了2个小实例:侧边栏与改变透明度的淡入淡出效果,本文我们把上文的animate函数,继续改造,让他变得更加的通用和强大: 1,支持多个物体的运动 2,同时运动 3,顺序运动 这三种运动方式也是jqu ...
分类:Web程序   时间:2017-10-15 14:57:11    阅读次数:7
用wow.js实现页面滚动时触发animate.css动画特效
很高兴在2017/10/14发表了自己的第一个博客随笔,不管你们怎么想,我自己觉得逼格瞬间高了起来。哈哈哈,哈撒尅。 有时候项目需要一些动画来提升用户体验,吸引用户注意力。这时wow是个不错的选择 wow.js依赖animate.css,不需要jquery;animate.css是纯css动画 官网 ...
分类:Web程序   时间:2017-10-14 17:03:06    阅读次数:14
JS封装运动框架(另一种写法)
function animate(obj, json, interval, sp, fn) { clearInterval(obj.timer); //var k = 0; //var j = 0; function getStyle(obj, arr) { if(obj.currentStyle) ...
分类:Web程序   时间:2017-10-12 23:10:16    阅读次数:7
原生JS封装animate运动框架
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 100px; height: 100px; background-color: pink; positi ...
分类:Web程序   时间:2017-10-11 23:52:50    阅读次数:10
使用jQuery的animate實現transform動畫效果
.i1{transform:skewY(-10deg) rotateY(-90deg);text-indent: -90px;} /*i1中不带text-indent,會導致直接閃現*/.i2{transform:rotateY(0);} $('.i1').css('z-index',4);$('. ...
分类:Web程序   时间:2017-10-07 14:31:14    阅读次数:15
实现一个弹幕app
功能:发射弹幕,清空弹幕,实现弹幕动画 1,结构HTML; 实现弹幕功能需要使用到野狗云来储存数据 在www.wildog.com 注册一个账号,创建一个应用 引用: 第一步将数据提交到野狗云 第二步响应按键点击,即在点击Enter按键的时候会触发事件,将数据提交到野狗云,Enter的按键对应的是1 ...
分类:移动开发   时间:2017-10-05 23:39:26    阅读次数:34
javascript中的时间版运动
前面的话 速度版JS运动是指以速度为参照,随着路程的变化,时间随之变化;而时间版JS运动是指以时间为参照,随着路程的变化,速度随着变化。相较而言,时间版JS运动更为常用。JQ的animate就是时间版运动。本文将详细介绍时间版JS运动 速度版运动 为何速度版JS更容易理解呢?这要归功于定时器setI ...
分类:编程语言   时间:2017-10-03 23:34:52    阅读次数:39
js链式调用
我们都很熟悉jQuery了,只能jQuery中一种非常牛逼的写法叫链式操作 * $('#div').css('background','#ccc').removeClass('box').stop().animate({width:300}) 那这是如何实现的呢,我自己写了个例子:并非jQuery源 ...
分类:Web程序   时间:2017-09-30 13:08:57    阅读次数:13
HP34401a实现高精度温度测量
老的HP34401a没有温度测量功能,在一些情况下使用非常不便。如果有pt100温度探头的话,可以配合做一个高精度温度记录仪,具备鸟枪换炮般的效果。 所需设备和辅材 HP 34401a 6位半数字万用表 铠装pt100温度探头带线 GPIB线缆 Agilent 82357B USB - GPIB 转 ...
分类:其他好文   时间:2017-09-29 19:25:24    阅读次数:11
常见JS效果
返回顶部 $(".htop").click(function() { $("html,body").animate({scrollTop: 0}, 500); }); 获取当前滚动条高度 $(window).scroll(function(event) { var wScrollY = window ...
分类:Web程序   时间:2017-09-29 13:19:33    阅读次数:8
701条   1 2 3 4 ... 71 下一页
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!