开发者

How to put flash content over the html even if the flash is not

开发者 https://www.devze.com 2023-02-05 13:55 出处:网络
So, if you go to MySpace for example (http://www.myspace.com/sonidolalimpia) you see now the logo have a very interesting effect when you p开发者_运维知识库ut your mouse over, how they did this?As alr

So, if you go to MySpace for example (http://www.myspace.com/sonidolalimpia) you see now the logo have a very interesting effect when you p开发者_运维知识库ut your mouse over, how they did this?


As already was written, all trick not in the flash, but in the css and jQuery. They uses jQuery onMouseOver Event and simply switch the picture version of the logo with a transparent flash one.

before

<h2>    
    <a href="/" class="MSIcon MSLogo" id="msStaticLogo" style="left: 0pt;">
        Myspace
    </a>
</h2>   

<div id="flashLogoContainer">
    <a href="/">
    <span id="logoInTrigger">   
    Myspace 
    </span>
    </a>
    <object width="354" height="475" type="application/x-shockwave-flash"
            data="http://cms.myspacecdn.com/cms/x/11/3/bag.swf" id="msFlashLogos" 
        style="visibility: visible; top: -28px; left: -9999px;">
    <param name="quality" value="high">
    <param name="wmode" value="transparent">
    <param name="bgcolor" value="transparent">
    <param name="allowscriptaccess" value="always">
    </object>
    <span class="MSIcon beta" id="beta">Beta</span>
    <div id="leftLogoTrigger" style="display: none;"></div>
    <div id="rightLogoTrigger" style="display: none;"></div>    
    <div id="bottomLogoTrigger" style="display: none;"></div>   
</div>
</li>

after

 <li class="logo">
<h2>    
    <a href="/" class="MSIcon MSLogo" id="msStaticLogo" style="left: -9999px;">
        Myspace
    </a>
</h2>   

<div id="flashLogoContainer">
    <a href="/">
    <span id="logoInTrigger">   
    Myspace 
    </span>
    </a>
    <object width="354" height="475" type="application/x-shockwave-flash"
            data="http://cms.myspacecdn.com/cms/x/11/3/bag.swf" id="msFlashLogos"
        style="visibility: visible; top: -28px; left: -120px;">
    <param name="quality" value="high">
    <param name="wmode" value="transparent">
    <param name="bgcolor" value="transparent">
    <param name="allowscriptaccess" value="always">
    </object>
    <span class="MSIcon beta" id="beta">Beta</span>
    <div id="leftLogoTrigger" style="display: block;"></div>
    <div id="rightLogoTrigger" style="display: block;"></div>   
    <div id="bottomLogoTrigger" style="display: block;"></div>  
</div>
</li>
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号