好好看看代码，相信会对你帮助不少。 CSS布局一个漂亮的滑块 dl { margin: 0; padding: 0; } dt { position: relative; clear: both; display: block; float: left; width: 104px; height: 20px; line-height: 20px; margin-right: 17px; font-size: .75em; text-align: right; } dd { position: relative; display: block; float: left; width: 197px; height: 20px; margin: 0 0 15px; background: url("/upload/20091006163826471.jpg"); } * html dd { float: none; } dd div { position: relative; background: url("/upload/20091006163826679.jpg"); height: 20px; width: 75%; text-align:right; } dd div strong { position: absolute; right: -5px; top: -2px; display: block; background: url("/upload/20091006163826537.gif"); height: 24px; width: 9px; text-align: left; text-indent: -9999px; overflow: hidden; } 生活满意度： 63% 工作满意度： 38% 爱情满意度： 86% [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　Javascript isArray 数组类型检测函数

1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说，不会有什么问题，但是针对Array的对象就没什么用途了： Js代码 复制代码 代码如下: alert(typeof null); // "object" alert(type>>>详细阅读

本文标题：CSS 布局一个漂亮的滑块

地址：http://www.17bianji.com/kaifa2/JS/28023.html

 1/2    1