亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

怎樣讓onmouseover和out觸發兩個函數?

是這樣的,我按老師教的寫了div的勻速運動函數,又寫了div的透明度變化函數。我想把兩個效果一起DOM給onmouseover,結果發現只能觸發一個函數,誰寫在前面觸發誰。這怎么辦啊,難道onmouse只能有一個動畫效果嗎?

-----------我是分割線-------------------------------------------------------------------

window.onload = function() {
?? ?var close = document.getElementById('menu');

?? ?function class1() {
?? ??? ?startMove(0),
?? ??? ?startOpactiy(100);
?? ?}

?? ?function class2() {
?? ??? ?startMove(-200),
?? ??? ?startOpactiy(30);
?? ?}
?? ?close.onmouseover = function() {
?? ??? ?class1()
?? ?};
?? ?close.onmouseout = function() {
?? ??? ?class2()
?? ?}
}
var timer = null;
var alpha = 30;

function startMove(ev) {
?? ?var close = document.getElementById('menu');
?? ?clearInterval(timer);
?? ?var speed = 0;
?? ?timer = setInterval(function() {
?? ??? ?if (close.offsetLeft < ev) {
?? ??? ??? ?speed = 10;
?? ??? ?} else {
?? ??? ??? ?speed = -10
?? ??? ?}
?? ??? ?if (close.offsetLeft == ev) {
?? ??? ??? ?clearInterval(timer)
?? ??? ?} else {
?? ??? ??? ?close.style.left = menu.offsetLeft + speed + 'px'
?? ??? ?}
?? ?}, 30)
}

function startOpactiy(target) {
?? ?var close = document.getElementById('menu');
?? ?clearInterval(timer);
?? ?var speed = 0;
?? ?timer = setInterval(function() {
?? ??? ?if (alpha > target) {
?? ??? ??? ?speed = -10;
?? ??? ?} else {
?? ??? ??? ?speed = 10;
?? ??? ?}
?? ??? ?if (alpha == target) {
?? ??? ??? ?clearInterval(timer)
?? ??? ?} else {
?? ??? ??? ?alpha += speed;
?? ??? ??? ?close.style.filter = 'alpha(opacity=' + alpha + ')';
?? ??? ??? ?close.style.opacity = alpha / 100;
?? ??? ?}
?? ?}, 30)
}

正在回答

1 回答

不好意思已經解決了,原來需要兩個定時器。。。。哈哈哈哈哈

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

怎樣讓onmouseover和out觸發兩個函數?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號