sIFR在父元素上悬停时动态更改文本的颜色

时间:2009-11-10 14:15:00

标签: javascript jquery html css sifr

我正在使用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>

我尝试了以下似乎合乎逻辑的......但它不起作用。这是我试图改变的跨度组织!

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; }'
  ]
});

1 个答案:

答案 0 :(得分:0)

替换<li>,以便链接在Flash影片中结束,然后使用a:hover作为颜色。

css参数中的选择器与被替换的元素相关,因此a span.organisation无效,因为您已替换span.organisation