我有一个jquery函数来改变鼠标悬停时图像的不透明度以产生脉动效果,但我想改变它,以便图像加载后图像就会发出脉动,将鼠标悬停元素移除鼠标悬停鼠标.
这是我的代码
(function($) {
$(document).ready(function() {
window.pulse_image = null;
window.pulse_continue_loop = false;
$('.pulse_image').mouseover(function() {
// User is hovering over the image.
window.pulse_continue_loop = true;
window.pulse_image = $(this);
PulseAnimation(); // start the loop
}).mouseout(function() {
window.pulse_continue_loop = false;
window.pulse_image.stop();
window.pulse_image.css('opacity',1);
});
});
})(jQuery);
function PulseAnimation()
{
var minOpacity = .33;
var fadeOutDuration = 650;
var fadeInDuration = 650;
window.pulse_image.animate({
opacity: minOpacity
}, fadeOutDuration, function() {
window.pulse_image.animate({
opacity: 1
}, fadeInDuration, function() {
if(window.pulse_continue_loop) {
PulseAnimation();
}
})
});
}
Run Code Online (Sandbox Code Playgroud)
我已经为移动网站创建了一个菜单,当你点击菜单按钮时菜单幻灯片打开,这就是页面;
http://www.roadtotheweb.com/m.about.html
唯一的问题是在IE和Windows手机中,菜单不是最顶层的元素,因此在对象后面滑动.
我试图改变z-index,位置类型,hasLayout无济于事.
我将不胜感激任何帮助.
Ĵ