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

发布时间：2007-09-11　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页"的文章dl{position:absolute;width:389px;height:154px;border:10pxsolid#eee;}dd{margin:0;width:389px;height:154px;overflow:hidden;}img{border:1pxsolidblack}dt{position:absolute;r

今天在标准之类的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>  
  
123  
  
<img src="http://files.jb51.net/upload/20070911205335838.jpg" alt="" title="" id="a" />  
<img src="http://files.jb51.net/upload/20070911205336630.jpg" alt="" title="" id="b" />  
<img src="http://files.jb51.net/upload/20070911205336290.jpg" alt="" title="" id="c" />  
  
  
</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>标志对之间。

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

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

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

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

相关推荐

文章分类

热门关键词

热门文章

最新更新