- 博客(7)
- 收藏
- 关注
RSS订阅原创 var 对象封装使用
不太懂下面这个叫什么名字，对象封装模式里面没有找到这类表示方法。知道的朋友麻烦告知一下，谢谢～ var lamp = { elem: $('.b_background'), bright: function() { this.elem.addClass('lamp-bright') },...
2018-08-24 15:26:51
412
原创 animation+transform实现轨迹平移
之前通过animation+transtion实现平移，transtion通过定义left和top值来移动；其中 animation是定义一个动画，可以通过百分数来定义每个时刻的状态基本的需要： -webkit-animation-name: Aname;-webkit-animation-duration: 30s;本次操作实现，太阳落山的轨迹，用了transform属性，可...
2018-08-24 09:59:47
5576
原创 Deferred异步操作
首先再确定一下同步和异步的概念：同步：同步不是指一起做！而是A完成后才能完成B！按部就班，顺序操作～异步：异步是可以同时执行～ 了解Deferred的3个步骤var dtd = $.Deferred(); //创建dtd.resolve(); //成功dtd.then() //执行回调实际例子：boy.walkTo(...
2018-08-23 15:56:39
641
原创 a= b||c, 赋值
看到一个：function walkRun(time, dist, disY) { time = time || 3000; // 脚动作 slowWalk(); // 开始走路 var d1 = stratRun({ 'left': dist + 'px', 'top': disY ? disY : undefined...
2018-08-23 14:09:33
886
原创 animition和transition的配合
$("button:first").click(function() { $boy.addClass('slowWalk').transition({ 'left': $("#content").width() + 'px', }, 10000); });添加一个class“slowWalk”，里面用到了animatio...
2018-08-23 10:19:04
426
原创 通过css样式实现精灵动画
@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 这里用到animation来切换css的背景图片 .slowWalk { /* 填入动画样式规则 */ -webkit-animation-name:person-slow; -webkit-anim...
2018-08-22 21:55:45
197
原创 #javascript#属性 transition
#每天记录一点点# $('button').click(function() { //点击button改变css属性 element.css({ 'transition-timing-function': 'ease',//过度效果 'transition-duration': '5000ms', 'transform': 'trans...
2018-08-22 15:55:22
2181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人