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需再刷新一下页面才能执行]

您可能感兴趣的文章:

Zen Coding css,html缩写替换大观快速写出html,css
本文是在zen使用生产中遇到的问题做一些分享。
2011-01-01
JAVASCRIPT IE 与 FF 中兼容写法记录
下面是高手整理的一些javascript在ie和ff中的兼容写法
2008-10-10
CSS设置网页的字体防浏览器浏览页面字体变形
CSS设置网页的字体防浏览器浏览页面字体变形...
2007-03-03
用css实现的带阴影的表格效果的代码
用css实现的带阴影的表格效果的代码...
2007-11-11
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS...
2007-05-05
CSS单标签实现复杂的棋盘布局
这篇文章主要介绍了CSS单标签实现复杂的棋盘布局的相关资料,需要的朋友可以参考下
2022-09-09
使css兼容IE8的小技巧
IE8 Beta1已出，其中我们能看到很多的新特性，如layout引擎将“完全”支持CSS2.1和HTML 5，所以和之前IE浏览器所使用的Layout引擎并不相同，之前的IE浏览器并不完全符合互联网标准。
2008-06-06
Bootstrap的CSS样式全面使用介绍
Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。HTML的基本元素均可以通过class设置样式并得到增强效果。
2023-07-07
div css nowrap无换行
昨天在使用css结合div布局的时候碰到了一个问题。在一个规定宽度大小的ul里边我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。
2008-07-07
css 之 background-position-x
css 之 background-position-x...
2007-08-08