January 17th, 2008

浅谈淘宝和雅虎网站Logo的彩蛋

Category: 代码, 网站设计, 网络, 网页设计, Author: 阿七, Popularity: 8% [?]

浅谈淘宝和雅虎网站Logo的彩蛋

        今天又在阿里妈妈社区 看到关于淘宝、雅虎Logo彩蛋的帖子。之前我自己就体验过,很是不错。使用网页的锚点精心制作的隐藏的链接,仔细说来,并不难。

       “彩蛋”的来自应该是来源自西方。在西方,复活节的时候,人们常把蛋染成红色,同时还镶嵌着金色、银色的各种图案。 红色,不光在中国,在世界范围内都很大程度上象征鲜血,喜庆。于是在复活节前后,彩蛋便成了孩子们草坪上玩耍的游戏对象,代表耶稣受难时流的鲜血,同时也象征复活后的快乐。
        我在经典论坛 看到了制作彩蛋的代码,与大家分享:
 <script type=”text/javascript”>
var tbMap = ‘<map name=”tbMap”><area shape=”rect” coords=”65, 18, 74, 26″ href=”http://www.taobao.com” mce_href=”http://www.taobao.com” onclick=”loadTbSound();return false;”><area shape=”rect” coords=”2, 0, 11, 10″ href=”http://www.taobao.com” mce_href=”http://www.taobao.com” onclick=”loadTbSound();return false;”></map>’,
tbSound = ‘<object 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://www.taobao.com/tb.swf” /><param name=”quality” value=”high” /><param name=”loop” value=”0″ />’+
‘<embed src=”http://www.taobao.com/tb.swf” mce_src=”http://www.taobao.com/tb.swf” loop=”0″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”0″ height=”0″></embed></object>’,
tbLogo = document.getElementById(“Logo”).getElementsByTagName(‘img’)[0];
if(tbLogo){
    //tbLogo.parentNode.onclick = function(){return false;};
    tbLogo.useMap = “#tbMap”;
}
function loadTbSound(){
    tbLogo.blur();
    var con = document.createElement(“span”);
    con.style.visibility = “hidden”;
    con.innerHTML = tbSound;
    document.body.appendChild(con);
};
document.write(“<span style=\”visibility:hidden;\”>”+tbMap+”</span>”);
</script>

function loadTbSound(){
    tbLogo.blur();
    var con = document.createElement(“span”);
    con.style.visibility = “hidden”;
    con.innerHTML = tbSound;
    document.body.appendChild(con);
};

            感兴趣的朋友可以修改一下代码,自己尝试为自己的网站做一下。

什么?上面的文章不过瘾?我还特意准备了这些:

Tags:, , , , .
评论数量(1) | Add Comments
本文网址:http://blog.designlinks.cn/net/egg-of-site-logo.html

One Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon 午夜客 Says:

    好玩是好玩,不过个人站没有那个精力搞这些

    Beach回复:
    呵呵,有时间要做一个纯个人的美观站点,弄一个这个东西…

leave a reply