jquery - IE6：jQuery pngfix + 鼠标悬停事件

Question

当光标碰到元素时，我想更改 img-element (png) 的 src-attrib。它在除 IE6 之外的所有浏览器中都能正常工作:(

起初，该脚本通过 jQuery PNGfix 执行 pngfix()。因此，它用跨度标签包装了 img 元素，并通过过滤器将 src 内容放入跨度标签中。

我的想法是，从 runtime-span 元素中获取 style/css/... 替换它 - 而不是替换 img-tag 的 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它。在执行此操作之前，您应该删除标签span后插件添加的内容，因为这将再次创建一个跨度。现在我们将删除您绑定的/我们必须要绑定的事件。尝试这个imgpngfixspanmouseovermouseoutlive

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

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