zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery tweenmax时间轴动画详解编程语言

jQuery动画编程语言 详解 时间轴 tweenmax
2023-06-13 09:11:50 时间

!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" /
/head

body
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