css图片切换效果代码[不用js]

更新时间：2008年09月26日 07:42:52 作者：

非常不错的图片切换效果代码，不用css，代码比较精简，推荐使用，注意一下多浏览器的兼容性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />         <title>纯css图切换 练习 教程来自snwebsite</title>         <style type="text/css">             a{                 display:block;                 border:1px solid #cccccc;                 width:20px;                 height:20px;                 margin:1px;             }             dl{                 position:absolute;                 width:240px;                 height:170px;             }             dt{                 position:absolute;                 right:1px;                 top:25px;             }             dd{                 width:240px;                 height:170px;                 overflow:hidden;             }         </style>         <script language="JavaScript" type="text/javascript">         </script>     </head>     <body>         <dl>             <dt><a href="#a">1</a><a href="#b">2</a><a href="#c">3</a></dt>             <dd>                 <img src="/upload/20080926074249449.jpg" id="a" />                 <img src="/upload/20080926074251309.jpg" id="b" />                 <img src="/upload/20080926074251902.jpg" id="c" />             </dd>         </dl>     </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

IE Bug--浮动对象外补丁的双倍距离的解决方法
IE Bug--浮动对象外补丁的双倍距离的解决方法...
2007-01-01
DIV和CSS排版中制作细线条的方法小结
DIV和CSS排版中制作细线条的方法小结...
2007-09-09
CSS清除浮动常用方法小结
使用div+css（姑且这样叫，虽然我也不喜欢，但是叫什么呢？）布局的好处不用多说，经常性地会使用到float，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。
2008-03-03
BS项目中的CSS架构_仅加载自己需要的CSS
每一张网页都仅加载自己需要的CSS可提高开发效率，提高维护效率，提高网页加载效率。
2008-09-09
又一个典型css实例
[红色]又一个典型css实例...
2006-12-12
css创意ul+li实现的细线表格实现代码
非常用创意的用ul+li实现的细线表格效果，不用table
2008-08-08
解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
解析IE, FireFox, Opera 浏览器支持Alpha透明的方法...
2006-12-12
css美化input file按钮的代码方法
我们在做表单的情况下，input、textarea、button的样式比较容易定义，select和input file的样式难以定义。
2008-11-11
纯CSS生成抗锯齿圆角的代码
纯CSS生成抗锯齿圆角的代码...
2007-08-08
标准布局应用：显示/隐藏侧边栏 [附详细注解]
标准布局应用：显示/隐藏侧边栏 [附详细注解]...
2006-12-12