图像热区的小把戏彩蛋

时间:2021-05-19

或许你很惊奇他们是怎么做到的,这就是图像热区(Map)的一个应用。下面引用一段Map的解释:

所谓图像热区,就是带有预先定义区域的图像,这些区域包含了指向其它文档或锚的链接。
例如,你可以在一副太阳系的图像上创建用户点击后可浏览不同星球的链接。具体的详细情况可以参考这里和这里。比如说上述的菜单就是将一个map定义到了首页的Logo上,然后效果就是点击这张图片的一部分就执行相应操作(Javascript控制)。比如:

<areashape="rect"coords="0,0,82,126"href="sun.html"alt="Sun"/>就可以在热区所定义的位置"0,0,82,126"打开sun.html的链接。那么Javascript如何控制其行为呢,其实你完全可以将area元素当作a元素来看待,它也有onclick等方法。

至于是如何播放声音的,我看了下代码,是一个简单的Flash在“作怪”。之所以做成Flash有两个原因,一是容量比较小,二就是兼容大部分的浏览器(只要装了Flash的插件就可以)。

忘记那那该死的embed吧,它只支持InternetExplorer,而且不是Web标准的一部分。Alistapart上面有一篇文章,名叫ByeByeEmbed,非常的精彩,建议如需要在网页中插入其他元素的可以参考一下。

好了,说了那么多,朋友你能看出来本网站的Logo有什么特殊的地方吗(使用InternetExplorer的朋友就不要尝试了)?

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章