IE6: jQuery IE6修复+鼠标悬停事件

Question

我想在光标命中一个img-element (png)元素时更改该元素的src-attrib。它可以在除IE6以外的所有浏览器中正常工作:(

首先，该脚本通过jQuery PNGfix执行pngfix()。因此，它用span-tag包装img-element，并通过过滤器将src-content放入span-tag。

我的想法是，获得style/css/...从运行时跨度元素可以替换这个，而不是替换img标记的src-attrib。下面是我的代码片段：

$(document).ready(function(){
$('img').bind
({
    mouseover : function() 
    {
        symbiontStatus = 1;
        $('img').css('backgroundImage', 'img/img02.png');
//...

在pngfix脚本中，我向span添加了一个类，因此可以调用它：

$(document).ready(function(){
    $('.pngfix').bind
    ({
        mouseover : function() 
        {
alert('over!');
            symbiontStatus = 1;
            $('.pngfix').css('backgroundImage', 'img/img02.png');
    //...

我不知道如何将img02放入pngfix作为背景。你?也许吧?

谢谢你，马里奥

Answer 1

您可以设置图像的src属性，然后再次对其调用pngfix。在执行此操作之前，您应该删除由插件在img标记之后添加的span，因为pngfix将再次创建跨度。现在，我们将删除绑定了mouseover/mouseout事件的span，我们将不得不使用live。尝尝这个

$(document).ready(function(){
    $('.pngfix').live('mouseover', function(){
            symbiontStatus = 1;
            var $img = $(this).prev();
            $(this).remove()

            $img.attr('src', 'img/img02.png').pngfix();
    //...
     });
});