A nice head line advertisement display method

I saw it on 煎蛋, using map and area in html

screen capture

the code is

<div class="eggs">
<map name="AV-eggs">
<area href="http://gadgetlife.cn/" rel="external nofollow" target="_blank" shape="rect" coords="0,0,30,30" alt="A1：玩意生活 - 创意玩具，进口礼品" title="A1：玩意生活 - 创意玩具，进口礼品">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="0,30,30,60" alt="A2：有空位" title="A2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="30,0,60,30" alt="B1：有空位" title="B1：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="30,30,60,60" alt="B2：有空位" title="B2：有空位">
<area href="http://shop58059426.taobao.com/" rel="external nofollow" target="_blank" shape="rect" coords="60,0,90,30" alt="C1：mengtoy 怀着满满的勇气" title="C1：mengtoy 怀着满满的勇气">
<area href="/egg" rel="external nofollow" target="_blank" shape="rect" coords="60,30,90,60" alt="C2：有空位" title="C2：有空位">
<area href="/egg" rel="external nofollow" target="_blank" shape="rect" coords="90,0,120,30" alt="D1：有空位" title="D1：有空位">
<area href="/egg" rel="external nofollow" target="_blank" shape="rect" coords="90,30,120,60" alt="D2：有空位" title="D2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="120,0,150,30" alt="E1：有空位" title="E1：有空位">
<area href="/egg" rel="external nofollow" target="_blank" shape="rect" coords="120,30,150,60" alt="E2：有空位" title="E2：有空位">
<area href="http://sartorialstudio.com/" rel="external nofollow" target="_blank" shape="rect" coords="150,0,180,30" alt="F1：Sartoraial Studio" title="F1：Sartoraial Studio">
<area href="/egg" rel="external nofollow" target="_blank" shape="rect" coords="150,30,180,60" alt="F2：有空位" title="F2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="180,0,210,30" alt="G1：有空位" title="G1：有空位">
<area href="http://www.migraine-headaches.cn" rel="external nofollow" target="_blank" shape="rect" coords="180,30,210,60" alt="G2：migraine headaches" title="G2：migraine headaches">
<area href="http://dacode.com/" rel="external nofollow" target="_blank" shape="rect" coords="210,0,240,30" alt="H1：DA CODE - Exery pixel tells." title="H1：DA CODE - Exery pixel tells.">
<area href="/egg" rel="external nofollow" target="_blank" shape="rect" coords="210,30,240,60" alt="H2：有空位" title="H2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="240,0,270,30" alt="J1：有空位" title="J1：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="240,30,270,60" alt="J2：有空位" title="J2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="270,0,300,30" alt="K1：有空位" title="K1：有空位">
<area href="http://fanfou.com/diggdigest" rel="external nofollow" target="_blank" shape="rect" coords="270,30,300,60" alt="K2：煎蛋驻饭否机器人" title="K2：煎蛋驻饭否机器人">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="300,0,330,30" alt="L1：有空位" title="L1：有空位">
<area href="http://jiaren.org/" rel="external nofollow" target="_blank" shape="rect" coords="300,30,330,60" alt="L2：此地无美女" title="L2：此地无美女">
<area href="http://www.raywow.com/ec/index.php?ad_u=6&ad_id=3" rel="external nofollow" target="_blank" shape="rect" coords="330,0,360,30" alt="M1：RayWow T恤" title="M1：RayWow T恤">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="330,30,360,60" alt="M2：有空位" title="M2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="360,0,390,30" alt="N1：有空位" title="N1：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="360,30,390,60" alt="N2：有空位" title="N2：有空位">
<area href="http://playbus.net" rel="external nofollow" target="_blank" shape="rect" coords="390,0,420,30" alt="P1：PLAYBUS - 好玩的小游戏" title="P1：PLAYBUS - 好玩的小游戏">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="390,30,420,60" alt="P2：有空位" title="P2：有空位">
<area href="http://playbus.net" rel="external nofollow" target="_blank" shape="rect" coords="420,0,450,30" alt="Q1：PLAYBUS - 好玩的小游戏" title="Q1：PLAYBUS - 好玩的小游戏">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="420,30,450,60" alt="Q2：有空位" title="Q2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="450,0,480,30" alt="R1：AV 格子￥20/天 - 你也可以在煎蛋打小广告" title="R1：AV 格子￥20/天 - 你也可以在煎蛋打小广告">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="450,30,480,60" alt="R2：有空位" title="R2：有空位">
<area href="http://twitter.com/sfufoet" rel="external nofollow" target="_blank" shape="rect" coords="480,0,510,30" alt="S1：sfufoet 的 twitter" title="S1：sfufoet 的 twitter">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="480,30,510,60" alt="S2：有空位" title="S2：有空位">
<area href="/eggs" rel="external nofollow" target="_blank" shape="rect" coords="510,0,540,30" alt="T1：有空位" title="T1：有空位">
<area href="http://bulaoge.com/?woniu" rel="external nofollow" target="_blank" shape="rect" coords="510,30,540,60" alt="T2：本周潜规则 - 蜗牛牛" title="T2：本周潜规则 - 蜗牛牛">
<area href="http://www.hengcuo.net/" rel="external nofollow" target="_blank" shape="rect" coords="540,0,570,30" alt="U1：煎蛋潜水扯淡男火星蜥蜴的博客" title="U1：煎蛋潜水扯淡男火星蜥蜴的博客">
<area href="http://fanfou.com/imoioi" rel="external nofollow" target="_blank" shape="rect" coords="540,30,570,60" alt="U2：oioi 的饭否" title="U2：oioi 的 twitter">
<area href="http://twitter.com/paveo" rel="external nofollow" target="_blank" shape="rect" coords="570,0,600,30" alt="V1：paveo 的 twitter" title="V1：paveo 的 twitter">
<area href="http://twitter.com/scavin" rel="external nofollow" target="_blank" shape="rect" coords="570,30,600,60" alt="V2：scavin 的 twitter" title="V2：scavin 的 twitter">
</map><img src="http://i129.photobucket.com/albums/p240/roveme/AV-eggs-74.jpg" usemap="#AV-eggs" border="0" height="60" width="600">
</div>

the map image

they call it "AV格子"

AV 格子是我们推出的优惠广告产品，与包干性质的百万格子模式有很大不同，属于煎蛋的原创广告模式。位置在页头，有从 A 到 V(跳过字母 I/O)、上下两排共40个小格子，每个格子尺寸为30x30像素。

相比以月为投放单位大幅面广告而言，AV 格子有位置自选、可大可小、价格低(仅20元/天)，投放时间自由(以天为单位)、优惠条件多(5天送1天)、转换率高等优势。

more info at here

this reminds me the famous http://www.milliondollarhomepage.com/, which is using map and area as well, plus some javascript!

<area onmouseover="d(this)" onmouseout="e(this)" shape="rect" coords="630,310,640,320" href="http://www.getpixel.net" title="getpixel.net, stock photography"/>

var sTitle="";
function d(o) {
	sTitle = o.title;
}
function e(o) {
	sTitle = "";
}

by the way, jandan.net is using wordpress.