+ -
当前位置:首页 → 问答吧 → -_-! 鼠标悬停 图片不停止?

-_-! 鼠标悬停 图片不停止?

时间:2009-09-05

来源:互联网

    var j=1, timerID = 0;
    function _start(){
        var divs = $("#ppt_image div");
        alert(divs[1]);//输出undefined
                alert(divs.length);//输出0
        timerID = setInterval("tupian()", 3500);
        for(var i=0; i<divs.length; i++){
            divs.onmouseover = function(){
                clearInterval(timerID);
            };
            divs.onmouseout = function(){
                timerID = setInterval("tupian()", 3500);
            };
        }
    }

//以下可以正常执行图片可以自动跳转!

    function tupian(){
        var img=$("#image"+j).attr("img");
        $("#button"+j).addClass("button"+j+"_3");
        $("#text"+j).fadeIn("slow");
        img="url('"+img+"')";
        $("#image"+j).css({background:img,"width":"500px","height":"230px"}).fadeIn("slow");                
        for(var i=1;i<=6;i++){
            if (j!=i){
                $("#button"+i).removeClass("button"+i+"_3");
                $("#image"+i).removeAttr("style");
                $("#text"+i).hide();
            }
        }
        j = j < 6 ? j + 1 : 1;
    }
    tupian();
    _start();


//图片可以自动跳转,但是鼠标悬停后图片仍然跳转!
//请高手帮忙解决!
//还有就是我做的这个幻灯片这浏览器打开后会加载很多效果! ie6会崩溃关闭 如何解决!
//求教

作者: bad-boy   发布时间: 2009-09-05

演示地址 请高手帮忙!
http://210.56.192.43/test123/

作者: bad-boy   发布时间: 2009-09-06

相关阅读 更多