XHTML下用dl,dt,dd标签实现翻页的效果代码

网络编程 2025/4/22 佚名

3 2 1

明霞山资源网 Design By www.htccd.com

今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页"
的文章

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">  <head profile="http://www.w3.org/2000/08/w3c-synd/#">  <meta http-equiv="content-language" content="zh-cn" />  <meta http-equiv="content-type" content="text/html;charset=gb2312" />  <style>  dl {    position:absolute;    width:389px;    height:154px;    border:10px solid #eee;    }  dd {    margin:0;    width:389px;    height:154px;    overflow:hidden;    }  img {    border:1px solid black    }  dt {    position:absolute;    right:3px;    top:50px;    }  a {    display:block;    margin:1px;    width:20px;    height:20px;    text-align:center;    font:700 12px/20px "宋体",sans-serif;    color:#fff;    text-decoration:none;    background:#666;    border:1px solid #fff;    filter:alpha(opacity=40);    opacity:.4;    }  a:hover {    background:#000    }  </style>  </head>  <body>  <dl>  <dt>123</dt>  <dd>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20070911205335838.jpg');"><img src="/UploadFiles/2021-04-02/20070911205335838.jpg" alt="XHTML下用dl,dt,dd标签实现翻页的效果代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('/upload/20070911205336630.jpg');"><img src="/upload/20070911205336630.jpg" alt="XHTML下用dl,dt,dd标签实现翻页的效果代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20070911205336290.jpg');"><img src="/UploadFiles/2021-04-02/20070911205336290.jpg" alt="XHTML下用dl,dt,dd标签实现翻页的效果代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  </dd>  </dl>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
也许很多人对HTML的UL,OL,LI标签可能都比较熟习,但是对DL,DT,DD可能就不怎么了解了,那么到W3.ORG去看看吧,
http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html
,http://www.w3.org/TR/2005/WD-xhtml2-20050527/mod-list.html

标记(“definition title”，定义标题)和

标记(“definition description”，定义描述)创建的。

给出了术语名，

标记给出了术语的定义。
也就是说

用来创建列表中的上层项目，

用来创建列表中最下层项目，

和

都必须放在

< /dl>标志对之间。

XHTML下用dl,dt,dd标签实现翻页的效果代码

标签：

XHTML下用dl,dt,dd标签实现翻页的效果代码

明霞山资源网 Design By www.htccd.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

明霞山资源网 Design By www.htccd.com

评论“XHTML下用dl,dt,dd标签实现翻页的效果代码”

暂无评论...

www.htccd.com 明霞山资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

最新文章

群星《奔赴！万人现场第2期》[FLAC/分轨][5

2025/4/22

群星《奇妙浪一夏 (上海迪士尼度假区音乐)》

2025/4/22

群星《奇妙浪一夏 (上海迪士尼度假区音乐)》

2025/4/22

【古典音乐】詹姆斯·高威《季节》1993[WAV+

2025/4/22

贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]

2025/4/22

一句话新闻

一口气升级7个大模型SaaS应用，百度智能云：突出一个“开箱即用” - 2025/4/22

这一波大模型产业落地浪潮里，不少企业其实处在 “干瞪眼“的状态。

一种情况是，很多大模型产品看得见却摸不着，在台上一个个遥遥领先——今天Sora技精四座，明天英伟达的机器人又赢得满堂彩，可是到了台下一问：啥时候能用上啊？答曰：遥遥无期。

另一种情况是，企业想用上大模型，却又难免瞻前顾后——既要考虑场景融合，又得兼顾安全性，还要考虑打通现有系统，再加上各种部署成本和繁琐的采购流程……最后只能拂袖：罢了，再等等吧。

XHTML下用dl,dt,dd标签实现翻页的效果代码

XHTML下用dl,dt,dd标签实现翻页的效果代码

常用的DIV+CSS的基本框架结构但不推荐都放一个div里

一个老外弄的Clearing floats(清除浮动的方法)

评论“XHTML下用dl,dt,dd标签实现翻页的效果代码”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

友情链接