jquery tweenmax时间轴动画详解编程语言
!DOCTYPE html
html lang="en"head
meta charset="utf-8" /
title {$title} /title
meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" /
meta name="format-detection" content="telephone=no" /
!-- Link Swipers CSS --
include file="commonheader" /
/headbody
include file="jiazai" /
include file="commonmokuai" /
div
div 111111111 /div
/div
script src="{$yuming}/js/TweenMax.js" /script
script src="{$yuming}/js/DrawSVGPlugin.min.js" /script
include file="commonfooter" /
script type="text/javascript"
var times=0;
$(function() {
var tl = new TimelineLite();var tm = new TimelineMax();
// tm.to($(.ddd1), 3, {left:300,delay:0,repeat: 1, yoyo: true,repeatDelay: 1,ease: Linear.easeNone});//将一个动画添加到时间轴
// tl.add(tm);//将一个动画添加到时间轴
//
tm.to($(.ddd1), 3, {left:300,delay:0,repeatDelay: 1,ease: Linear.easeNone});//将一个动画添加到时间轴
tl.add(tm);//将一个动画添加到时间轴
//
tl.pause();setInterval(function(){
times+=0.1;
tl.progress(times);
},200)
})
/script
/body/html
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/18863.html
cjava相关文章
- jquery print break-inside: avoid
- jQuery入门基础——选择器
- jquery与php的HTML转义与反转义详解编程语言
- 让网站动起来!12款优秀的 jQuery 动画插件推荐
- 让网站动起来!12款优秀的 jQuery 动画插件推荐
- JQuery插件模板制作jquery插件的朋友可以参考下
- jQuery的实现原理的模拟代码-4重要的扩展函数extend
- jQuery中setTimeout的几种使用方法小结
- 基于JQuery滑动与动画的说明介绍
- jquery实现动态菜单的实例代码
- jquery对元素拖动排序示例
- jquery移除、绑定、触发元素事件使用示例详解
- jQuery实现级联菜单效果(仿淘宝首页菜单动画)
- 基于jquery和svg实现超炫酷的动画特效
- 使用jquery菜单插件HoverTree仿京东无限级菜单
- 用队列模拟jquery的动画算法实例
- jQuery循环动画与获取组件尺寸的方法