这是个老教程了，在需求（比如淘宝店铺模板）压力下有些想象力的人总会想到一些巧妙的方法，深入进去发现有许多东西可挖。

链接中的两个例子中都没有涉及当前状态的情况，我认为有两种方法可以解决：
1.做图的时候把当前状态做到图片上。

2.编写额外的代码模拟当前状态。demo

  1. <dl>
  2.   <dt><a href="#a">1</a><a href="#b">2</a><a href="#c">3</a></dt>
  3.   <dd>
  4.     <div id="a"><img src="11.png"/><p>1</p></div>
  5.     <div id="b"><img src="22.png"/><p>2</p></div>
  6.     <div id="c"><img src="33.png"/><p>3</p></div>
  7.   </dd>
  8. </dl>