当前位置：首页 > 资讯 > 技术文档

dl+ol应用分析

时间：2021-11-22 17:02 编辑：来源：阅读：
扫一扫，手机访问

摘要：dl+ol应用分析

题目：dl+ol的练习
作者：嗷嗷

上次 li 把 dl 模拟了~dl不知道要干什么了~找了ol一起来做复合列表~

这个练习除了css外~外加用了点JS
先看下难看的演示因为最近太懒~没做漂亮的样式

<dl>  
    <dt id="t1">[url=http://www.1sucai.cn/article/8254.htm#]测试菜单一[/url]</dt>  
    <dd id="d1">  
        [list=1]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*]  
        [/list]

</dd>  
    <dt class="ing" id="t2">[url=http://www.1sucai.cn/article/8254.htm#]测试菜单二[/url]</dt>  
    <dd class="ing" id="d2">  
        [list=1]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*]        [/list]  
    </dd>  
    <dt id="t3">[url=http://www.1sucai.cn/article/8254.htm#]测试菜单三[/url]</dt>  
    <dd id="d3">  
        [list=1]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*]        [/list]  
    </dd>  
    <dt id="t4">[url=http://www.1sucai.cn/article/8254.htm#]测试菜单四[/url]</dt>  
    <dd id="d4">  
        [list=1]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]  
            [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*]        [/list]  
    </dd>  
</dl>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

CSS的重点

[url=http://www.1sucai.cn/article/8254.htm#]测试菜单一[/url]

[list=1] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单一)[/url]1-24[/*] [/list]

[url=http://www.1sucai.cn/article/8254.htm#]测试菜单二[/url]

[list=1] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单二)[/url]1-24[/*] [/list]

[url=http://www.1sucai.cn/article/8254.htm#]测试菜单三[/url]

[list=1] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单三)[/url]1-24[/*] [/list]

[url=http://www.1sucai.cn/article/8254.htm#]测试菜单四[/url]

[list=1] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [*][url=http://www.1sucai.cn/article/8254.htm#]测试内容(菜单四)[/url]1-24[/*] [/list]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：层盖住下拉列表框问题解决方案
下一篇：div+css布局必须要知道的css条件注释理论及实践第1/2页

资讯排行榜
更多>>