CSS 图片横向排列实现代码

更新时间：2010年03月03日 23:22:26 作者：

一个CSS布局实例，介绍的是一个横向排列的图片列表，这也是大家在从事网页布局时候最常见的一种布局实例，有必要掌握，本代码已经过了优化，个别细节你需根据你的网站主CSS风格进行调整，才能完美搭配。

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS 图片列表，横向</title> <style type="text/css">  </style> </head> <body> <ul id="products"> <li><a href="#"><img src="/upload/2010-3/20100303232223253.jpg" alt="" width="100" height="75"/></a> <span><a href="#">VB定时关机源码示例</a></span> </li> <li><a href="#"><img src="/upload/2010-3/20100303232225693.jpg" alt="" width="100" height="75"/></a><span><a href="#">一个好用的C++日志生成类</a></span> </li> <li><a href="#"><img src="/upload/2010-3/20100303232225439.jpg" alt="" width="100" height="75"/></a> <span><a href="#">JS+CSS联合打造图文结合动感菜单</a></span> </li> </ul> </body> </html>

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

JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
这次接着来介绍PhotoLook（前文介绍的组件）现在可供使用的属性和方法，接着展示一个叫前文不一样的例子
2010-11-11
javascript 多图浏览超炫效果
javascript 多图浏览超炫效果，非常不错，大家可以看下。
2009-12-12
用js实现上传图片前的预览（TX的面试题）
用js实现上传图片前的预览（TX的面试题）...
2007-08-08
照片各部分的彩色与黑白交替更换
照片各部分的彩色与黑白交替更换...
2007-02-02
弹出自适应图片大小的窗口弹出窗口根据图片大小，自动判断高和宽。
弹出自适应图片大小的窗口弹出窗口根据图片大小，自动判断高和宽。...
2006-12-12
一个不错的给图片添加说明文字的动态层的实现代码
一个不错的给图片添加说明文字的动态层的实现代码，需要的朋友可以参考下
2013-04-04
JavaScript 类似flash效果的立体图片浏览器
这是一款比较有立体感的图片浏览器，通过图层定位技术z-index让浏览器正在查看的图片突显出来，并让两边的图片呈现半透明状态。很个性化哦！
2010-02-02
感应鼠标的图片遮罩动画效果
感应鼠标的图片遮罩动画效果，鼠标放上后会动画显示文字提示，有意思哦，有兴趣的朋友运行一下看效果。
2010-10-10
DHTML Slide Show script图片轮换
2008-03-03
多图展示滑动过渡效果
多图展示滑动过渡效果...
2006-12-12

CSS 图片横向排列实现代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具