日期:2014-05-16  浏览次数:20478 次

有个关于弹窗的问题,有兴趣的朋友帮忙看下
本帖最后由 nojobs 于 2012-12-12 21:45:31 编辑
就是用了JQ的弹窗A和一个跟着鼠标滚轮晃动的页面B
但是两个JQ在一起,弹窗就失效了。
最后看了一下是因为页面B用了easing的插件在jq里
代码如下:
jQuery.extend({
    
    easing: 
    {

     
        
        circEaseOut:function(p, n, firstNum, diff) {

            var c=firstNum+diff;
            
            return c * Math.sqrt(1 - (p=p/1-1)*p) + firstNum;
        },
        
       
    }
});

理论上就应该是重载了JQ源文件的easing吧,这个原理我不太懂,一直没用过JQ,正要开始学

但是这个重载就会影响我另一个弹窗,这个如何处理呢?

或者不用这个seasing的效果,可以达到跟随鼠标的办法么?

按键和判断 在页面B的JQ里是这样的:

var windowWidth = $(window).width();
var windowHeight = $(window).height();
var left1 = Math.floor(windowWidth *6 /100);
var left2 = left1 - 1045;
var left3 = left1 - 2090;
var wrapperTop = Math.floor(windowHeight *4/100);

$('#place').css({'left':left1,'top':wrapperTop});
var wrapperPos = 1;
$('#wrapper1 input:text').focus();
var animDone = true;

function anim1to2(){
$('#wrapper1 input:text').focusout();
animDone = false;
$('#place').animate({
left: left2,
},1000,'circEaseOut',function() {
$('#wrapper2 input:text').focus();
animDone = true;
wrapperPos = 2;
});
$('#button1to2').hide();
$('#button2to1').show();
if(num>2){
$('#button2to3').show();
$('#button3to2').hide();
};
};

function anim2to1(){
$('#wrapper2 input:text').focusout();
animDone = false;
$('#place').animate({
left: left1
},1000,'circEaseOut',function() {
$('#wrapper1 input:text').focus();
animDone = true;
wrapperPos = 1;
});
$('#button1to2').show();
$('#button2to1').hide();
if(num>2){
$('#button2to3').hide();
$('#button3to2').hide();
};
};

function anim2to3(){
$('#wrapper2 input:text').focusout();
animDone = false;
$('#place').animate({
left: left3
},1000,'circEaseOut',function() {
$('#wrapper3 input:text').focus();
animDone = true;
wrapperPos = 3;
});
$('#button1to2').hide();
$('#button3to2').show();
$('#button2to1').hide();
$('#button2to3').hide();
};

function anim3to2(){
$('#wrapper3 input:text').focusout();
animDone = false;
$('#place').animate({
left: left2
},1000,'circEaseOut',function() {
$('#wrapper2 input:text').focus();
animDone = true;
wrapperPos = 2;
});
$('#button1to2').hide();
$('#button3to2').hide();
$('#button2to1').show();
$('#button2to3').sho