posts - 20,  comments - 2,  trackbacks - 0

作者: 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推荐




文章来源:http://tianshi0253.javaeye.com/blog/205636
posted on 2008-06-19 09:56 姚文超 阅读(125) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航: