一张图片不必切割成各种按钮。做前端的接触的比较少,应该虚心学习……
<img src="images/b.gif" mce_src="images/b.gif" alt="标题" width="685" height="23" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" mce_shape="rect" coords="31,1,70,20" mce_coords="31,1,70,20" href="a.lhtm" mce_href="a.lhtm" />
<area shape="rect" mce_shape="rect" coords="92,3,124,20" mce_coords="92,3,124,20" href="#" mce_href="#" /><area shape="rect" mce_shape="rect" coords="112,12,114,14" mce_coords="112,12,114,14" href="b" mce_href="b" />
<area shape="rect" mce_shape="rect" coords="142,2,172,20" mce_coords="142,2,172,20" href="c" mce_href="c" />
<area shape="rect" mce_shape="rect" coords="193,4,221,20" mce_coords="193,4,221,20" href="d" mce_href="d" />
<area shape="rect" mce_shape="rect" coords="249,2,302,18" mce_coords="249,2,302,18" href="e" mce_href="e" />
<area shape="rect" mce_shape="rect" coords="324,1,363,21" mce_coords="324,1,363,21" href="f" mce_href="f" />
<area shape="rect" mce_shape="rect" coords="386,2,416,21" mce_coords="386,2,416,21" href="g" mce_href="g" />
<area shape="rect" mce_shape="rect" coords="438,1,464,19" mce_coords="438,1,464,19" href="h" mce_href="h" />
<area shape="rect" mce_shape="rect" coords="495,2,544,18" mce_coords="495,2,544,18" href="i" mce_href="i" />
<area shape="rect" mce_shape="rect" coords="567,2,612,19" mce_coords="567,2,612,19" href="j" mce_href="j" />
<area shape="rect" mce_shape="rect" coords="636,2,674,24" mce_coords="636,2,674,24" href="k" mce_href="k" />
</map>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head i ......