Yahoo的Logo彩蛋_綜合其它特效

Yahoo的Logo彩蛋,您可以先修改部分代碼再運(yùn)行.

<img src="http://p1.mb5u.com/texiao/21/20100523005218157.gif" alt="中國(guó)雅虎" width="208" height="61" id="ycn_lg" />
<script type="text/javascript">
var yodel_map = '<map name="yodel"><area shape="rect" coords="190,29,197,35"  onclick="load_yodel();return false;"><area shape="poly" coords="193,0,202,1,197,25,192,24"  onclick="load_yodel();return false;"></map>', 
yodel_str = '<object id="wmsgsound" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="0" height="0">'+
'<param name="movie" value="http://cn.yimg.com/i/comn/snd/1_0/y3.swf" /><param name="quality" value="high" /><param name="loop" value="0" />'+
'<embed name="wmsgsound" src="http://cn.yimg.com/i/comn/snd/1_0/y3.swf" loop="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="0" height="0"></embed></object>',
y_logo = document.getElementById("ycn_lg");
if(y_logo){
y_logo.useMap = "#yodel";
}
function load_yodel(){
y_logo.blur();
var con = document.createElement("span");
con.style.visibility = "hidden";
con.innerHTML = yodel_str;
document.body.appendChild(con);
};
document.write("<span style=\"visibility:hidden;\">"+yodel_map+"</span>");
</script>

<!-- 
其實(shí)這個(gè)東西非常簡(jiǎn)單

讓偶帶你解讀下Yahoo的這段東西
document.write("<span style=\"visibility:hidden;\">"+yodel_map+"</span>");
這段的意思是在頁(yè)面顯示一個(gè)隱藏的span,span的內(nèi)容其實(shí)是:
1.
<span style="visibility:hidden;">
    <map name="yodel">
        <area shape="rect" coords="190,29,197,35"  onclick="load_yodel();return false;">
        <area shape="poly" coords="193,0,202,1,197,25,192,24"  onclick="load_yodel();return false;">
    </map>
</span>

很明顯這個(gè)就是在Yahoo的Logo的感嘆號(hào)加了兩個(gè)熱區(qū),代碼里邊yodel_map=****定義的就是兩個(gè)熱區(qū)了

對(duì)應(yīng)的yodel_str =****就是調(diào)用一個(gè)flash,這個(gè)flash就是那個(gè)聲音文件了

2.
y_logo = document.getElementById("ycn_lg";
if(y_logo){
y_logo.useMap = "#yodel";
}

看到?jīng)]logo圖片的name是ycn_lg,這句就是讓名字是ycn_lg的圖片的熱區(qū)應(yīng)用"yodel"這個(gè)名字的熱區(qū)的內(nèi)容,也就是上邊1.的內(nèi)容

3.
onclick="load_yodel();return false;
這句的意思就明顯了,點(diǎn)擊的時(shí)候就會(huì)調(diào)用load_yodel()這個(gè)函數(shù)

4.
function load_yodel(){
y_logo.blur();
var con = document.createElement("span");
con.style.visibility = "hidden";
con.innerHTML = yodel_str;
document.body.appendChild(con);
};
那么來(lái)看load_yodel()函數(shù)都做了什么

代碼就不一句句翻譯了,也就這么幾行...

功能就是創(chuàng)建一個(gè)名字為con的span,span的內(nèi)容就是那個(gè)flash聲音文件了..

只要修改一下flash的地址,還有yodel_map這個(gè)變量,你自己也就能弄一個(gè)Logo的彩蛋出來(lái)鳥..

演示可以看yahoo.com.cn點(diǎn)logo的那個(gè)感嘆號(hào),記著帶好耳機(jī)..
-->

所屬頻道：綜合其它特效/更新時(shí)間：2012-12-01

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)綜合其它特效：

綜合其它特效Rss訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索Yahoo的Logo彩蛋
特效說(shuō)明：
綜合其它模板-Yahoo的Logo彩蛋。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

Yahoo的Logo彩蛋_綜合其它特效

綜合其它特效Rss訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些