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

站长资源 2024/11/9 佚名

5 1538 5

相思资源网 Design By www.200059.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.200059.com

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

相思资源网 Design By www.200059.com

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

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

www.200059.com 相思资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

最新文章

多种语言下获取当前页完整URL及其参数

2024/11/9

asp php 清空access mysql mssql数据库的代

2024/11/9

ibatis简单实现与配置

2024/11/9

初探 SOA

2024/11/9

初探 SOA(补充)

2024/11/9

一句话新闻

苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/9

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

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

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

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

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

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

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

友情链接

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

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

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

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

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

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存