使用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;
}
});
});
答案 0 :(得分:0)
问题出在这个函数中
click:function(event,menuItem){ 返回false; }
基本上如果你单击一个链接,javascript将返回false,就像说“停止”,你可以删除这些最后一行或只是注释掉返回假行
click:function(event,menuItem){ //返回false; }
这样你就不用担心返回什么了,即使是最愚蠢和最古老的浏览器也会跟着链接,甚至是IE6大声笑