jquery插件熔岩灯在IE6中不起作用

时间:2010-07-20 12:08:44

标签: jquery browser

使用jquery插件熔岩灯在IE6中不起作用.....特别是在鼠标悬停事件中。但它在firefox中工作。

这是我的代码

css file of lava lamp plugin

        .lavaLampWithImage {
            position: relative;
            height: 70px;
            width: 900px;
            /*background: url("bg.gif") no-repeat top;*/
            background: url("../../../images/bgheader.jpg") repeat top;

            padding: 1px;
            margin: 1px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        /*background: url("lava.gif") no-repeat right -30px; 
                         background: url("../../../images/newsbarbg.jpg") repeat right -30px;*/
                        width: 1px; height: 30px;
                        z-index: 8;
                     position: absolute;

                    }
                        .lavaLampWithImage li.back .left {
                            background: url("lava.gif") no-repeat top left;
                            /* background: url("../../../images/newsbarbg.jpg") repeat top left;*/
                            height: 21px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 11px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 21px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 8px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

这是我的熔岩灯插件的jquery代码

$(function() {
            $("#1").lavaLamp({
                fx: "backout",
                /*speed: 700,*/
                speed: 700,
                //returnDelay:1000,

                click: function(event, menuItem) {
                    return true;
                }
            });
        });

1 个答案:

答案 0 :(得分:0)

问题出在这个函数中

click:function(event,menuItem){                     返回false;                 }

基本上如果你单击一个链接,javascript将返回false,就像说“停止”,你可以删除这些最后一行或只是注释掉返回假行

click:function(event,menuItem){                     //返回false;                 }

这样你就不用担心返回什么了,即使是最愚蠢和最古老的浏览器也会跟着链接,甚至是IE6大声笑