如何在选项卡代码中加入动态链接 [复制链接]

如何在以下选项卡代码中加入动态链接，比如将<dd>内容1</dd>里的"内容1”,改成某个字段的链接该怎么改，多谢！


<style type="text/css">
.tabheadstyle{clear:both;height:20px;overflow:hidden;}
.tabheadstyle dd{float:left;width:100px;height:20px;border:1px solid #cccccc;text-align:center;margin-right:5px}
.tabheadstyle dd.current{background-coloreeeeee;} /* 当前选项卡标题样式，默认名：current */
.tabcontentstyle dd{border:1px solid #cccccc;padding:10px;display:none;}
</style>

<dl id="tabhead" class="tabheadstyle">
<dd>选项1</dd>
<dd>选项2</dd>
<dd>选项3</dd>
</dl>
<dl id="tabcontent" class="tabcontentstyle">
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
</dl>
<script type="text/javascript">
tabs("tabhead","tabcontent","onmouseover");