这篇文章的效果,需要看过以下3篇文章: [js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件 [js高手之路]匀速运动与实例实战(侧边栏,淡入淡出) [js高手之路]打造通用的匀速运动框架 ...
分类:
Web程序 时间:
2017-10-15 14:39:47
阅读次数:
177
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
阅读次数:
246
<!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
阅读次数:
315
//获取元素属性值的封装function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; }} //运动 ...
分类:
其他好文 时间:
2017-09-02 15:33:34
阅读次数:
101
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>封装运动框架的单个属性</title> <style> div{ width: 100px; height: 100px; font-weight:bold;">p ...
分类:
其他好文 时间:
2017-08-02 00:27:25
阅读次数:
126
链式运动框架就是一系列的运动分阶段进行,在普通的运动框架上加上一个參数function,这个function表示下一个要运行的动作。详细代码例如以下: <!DOCTYPE HTML> <!--链式运动框架:运动分阶段进行,当运动停止的时候。运行下一个运动--> <html> <head> <meta ...
分类:
Web程序 时间:
2017-06-18 13:29:12
阅读次数:
240
紧接着上面写的... 给div加一个边框,border:1px solid black window.onload = function(){ var div = document.getElementById('div1'); div.onclick = function(){ setInterv ...
分类:
编程语言 时间:
2017-06-15 23:37:37
阅读次数:
213
昨天我们说了一下原生JS中常用的兼容性写法,今天我们来说一下运动框架. 正常情况下我们要写一个运动的效果会用到tween.js这么一个插件,这个东西不是一般人写出来的,因为里面涉及的运动效果都是经过一堆数学的函数运算出来的,我们平常人是写不出来的,所有我们就自己封装一个运动框架,有什么问题改起来也方 ...
分类:
Web程序 时间:
2017-06-13 23:50:14
阅读次数:
303
运动框架 首先用死的数据来测试运动框架是否可以运行 由于死的数据不方便于修改所以要分装一个函数来便于修改数序,需要的时候就调用函数 ...
分类:
其他好文 时间:
2017-06-13 22:45:11
阅读次数:
169