版权声明：转载请注明原文链接 https://blog.csdn.net/weixin_42529699/article/details/90106062
html
<body>
<div class="setting">
<div class="setting-menu">
<div class="content">
<h4>邮件</h4>
<div class="setting-list todo">
<dl>
<dd><a href="email_list.html" openmode="1" target="mailIframe">邮箱接入</a></dd>
<dd><a href="/ucc-mail/mail/send/index.html" target="mailIframe" openmode="1">写信</a></dd>
<dd><a href="./book/book_list.html" target="mailIframe">通迅录<span class="badge" style=""></span></a></dd>
<dt><a href="javascript:void(0)"></a></dt>
<dd><a href="./inbox/inbox_list_new.html?mailType=0" target="mailIframe">收件箱<span id="unreadInbox" class="badge badge-info"></span></a></dd>
<dd><a href="./draft/draft_list.html" target="mailIframe">草稿箱</a></dd>
<dd><a href="./inbox/inbox_list_new.html?mailType=5" target="mailIframe">已发送</a></dd>
<dd><a href="./inbox/inbox_list_new.html?mailType=3" target="mailIframe">回收站<span id="unreadDeleted" class="badge badge-info"></span></a></dd>
</dl>
</div>
</div>
</div>
<div class="setting-page">
<iframe src="./mail_index.html" frameborder="0" scrolling="no" name="mailIframe" id="mailIframe" ></iframe>
</div>
</div>
</body>js
<script src="../../js/plugin/jQuery/jQuery-2.1.4.min.js"></script>
<script src="../../js/mail/unread_count.js"></script>
<script>
$(function(){
$("dd").click(function(){
$("dd").removeClass("active");
$(this).addClass("active");
})
})
</script>