小编Naz*_*Naz的帖子

使jquery函数在页面加载时运行

我有一个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.infinitywebcreations.com/2011/01/how-to-create-a-throbbingpulsing-image-effect-with-jquery/

jquery function opacity

16
推荐指数
2
解决办法
8万
查看次数

Internet Explorer中的Z-index无法正常工作

我已经为移动网站创建了一个菜单,当你点击菜单按钮时菜单幻灯片打开,这就是页面;

http://www.roadtotheweb.com/m.about.html

唯一的问题是在IE和Windows手机中,菜单不是最顶层的元素,因此在对象后面滑动.

我试图改变z-index,位置类型,hasLayout无济于事.

我将不胜感激任何帮助.

Ĵ

z-index

14
推荐指数
1
解决办法
3万
查看次数

标签 统计

function ×1

jquery ×1

opacity ×1

z-index ×1