javascript - sIFR 动态改变父元素悬停文本的颜色

Question

我正在使用 sIFR 设置标题样式，并希望在父元素悬停时动态更改文本颜色(在 Flash 影片中)。

如何做到这一点？有什么例子吗？我从未见过它完成。

<ul class="tab">
    <li id="tab2">
        <a href="#two">
            <span class="organisation sIFR-replaced" style="">
                <object width="300" height="31" class="sIFR-flash" type="application/x-shockwave-flash" id="sIFR_replacement_5" name="sIFR_replacement_5" data="fla/gothamBook.swf" style="">
                    <param name="flashvars" value="id=sIFR_replacement_5&amp;content=Bureau%2520ICE&amp;width=300&amp;renderheight=31&amp;link=&amp;target=&amp;size=25&amp;css=.sIFR-root%257Bcolor%253A%2523d7d9e3%253Bletter-spacing%253A0.05%253B%257Da%257Btext-decoration%253Anone%253B%257Da%253Alink%257Bcolor%253A%2523d7d9e3%253B%257Da%253Ahover%257Bcolor%253A%2523ffffff%253B%257D&amp;cursor=default&amp;tunewidth=0&amp;tuneheight=0&amp;offsetleft=&amp;offsettop=&amp;fitexactly=false&amp;preventwrap=false&amp;forcesingleline=false&amp;antialiastype=&amp;thickness=&amp;sharpness=&amp;kerning=&amp;gridfittype=pixel&amp;flashfilters=&amp;opacity=100&amp;blendmode=&amp;selectable=true&amp;fixhover=true&amp;events=false&amp;delayrun=false&amp;version=436"/>
                    <param name="wmode" value="transparent"/>
                    <param name="bgcolor" value="transparent"/>
                    <param name="allowScriptAccess" value="always"/>
                    <param name="quality" value="best"/>
                </object>
                <span class="sIFR-alternate" id="sIFR_replacement_5_alternate">Bureau ICE</span>
            </span>
        </a>
    </li>
</ul>

我已经尝试了以下看起来合乎逻辑的...但它不起作用。这是我正在努力改变的 span.organisation!

sIFR.replace(gothamBook, {
    wmode: 'transparent',
    selector: 'span.organisation'
    ,css: [
    '.sIFR-root { color: #d7d9e3; background-color:#61648a; letter-spacing:0.05; }'
    ,'a span.organisation { text-decoration: none; }'
    ,'a:link span.organisation { color: #d7d9e3; }'
    ,'a:hover span.organisation { color: #ffffff; }'
  ]
});

Answer 1

替换 <li>相反，所以链接最终出现在 Flash 电影中，然后使用 a:hover对于颜色。

css 中的选择器参数是相对于被替换元素的，所以 a span.organisation不会工作，因为你已经替换了 span.organisation .