作者: tianshi0253  链接：http://tianshi0253.javaeye.com/blog/205636  发表时间: 2008年06月19日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

一般情况下运用<dl></dl>标签

图片切换：

<dl>

<dt><a href="#1">1</a><a href="#2">2</a><a href="#3">3</a><a href="#4">4</a></dt>

<dd><img src="image/01.jpg" alt="" title="" id="1"/></dd>

<dd><img src="image/02.jpg" alt="" title="" id="2"/></dd>

<dd><img src="image/03.jpg" alt="" title="" id="3"/></dd>

<dd><img src="image/04.jpg" alt="" title="" id="4"/></dd>

</dl>

 

 

选项卡：

<dl>

<dt><a href="#1">1</a><a href="#2">2</a><a href="#3">3</a><a href="#4">4</a></dt>

<dd>

<ul id="1">

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

</ul>

<ul id="2">

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

</ul>



<ul id="3">

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

</ul>

<ul id="4">

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

</ul>

<ul id="5">

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

<li>新闻标题</li>

</ul></dd>

</dl>

 

本文的讨论也很精彩，浏览讨论>>


JavaEye推荐

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 立刻报名，免费获取门票，参加SOA技术论坛(广州6月19日)
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师

文章来源:http://tianshi0253.javaeye.com/blog/205636