Create 4 buttons with instance names e.g cta1, cta2, cta3, cta4 (3 buttons and one for bg behind them) Code: this.cta1.addEventListener("click", function () { window.open(window.clickTag1) }); this.cta1.addEventListener("mouseover", ctaOver1.bind(this)); this.cta1.addEventListener("mouseout", ctaOut.bind(this)); this.cta2.addEventListener("click", function () { window.open(window.clickTag2) }); this.cta2.addEventListener("mouseover", ctaOver2.bind(this)); this.cta2.addEventListener("mouseout", ctaOut.bind(this)); this.cta3.addEventListener("click", function () { window.open(window.clickTag3) }); this.cta3.addEventListener("mouseover", ctaOver3.bind(this)); this.cta3.addEventListener("mouseout", ctaOut.bind(this)); this.cta4.addEventListener("click", function () { window.open(window.clickTag4) }); function ctaOver1() { cjs.Tween.get(this.cta1).to({scaleX:1.2, scaleY:1.2}, 400, cjs.Ease.backOut); cjs.Tween.get(this.cta2).to({alpha:0.4}); cjs.Tween.get(this.cta3).to({alpha:0.4}); } function ctaOver2() { cjs.Tween.get(this.cta1).to({alpha:0.4}); cjs.Tween.get(this.cta2).to({scaleX:1.2, scaleY:1.2}, 400, cjs.Ease.backOut); cjs.Tween.get(this.cta3).to({alpha:0.4}); } function ctaOver3() { cjs.Tween.get(this.cta1).to({alpha:0.4}); cjs.Tween.get(this.cta2).to({alpha:0.4}); cjs.Tween.get(this.cta3).to({scaleX:1.2, scaleY:1.2}, 400, cjs.Ease.backOut); } function ctaOut() { cjs.Tween.get(this.cta1).to({scaleX:1, scaleY:1}, 400, cjs.Ease.backOut); cjs.Tween.get(this.cta2).to({scaleX:1, scaleY:1}, 400, cjs.Ease.backOut); cjs.Tween.get(this.cta3).to({scaleX:1, scaleY:1}, 400, cjs.Ease.backOut); cjs.Tween.get(this.cta1).to({alpha:1}); cjs.Tween.get(this.cta2).to({alpha:1}); cjs.Tween.get(this.cta3).to({alpha:1}); }
... View more