效果图如下所示:演示代码: Jquery图片展示焦点图 *{ margin:0px; padding:0px; list-style:none; border:0px;} body{ font-size:12px; color:white;} #imageShow{ position:relative; width:586px; height:150px; z-index:1; overflow:hidden;} #imageShow #imageSwitch{ position:absolute; right:0px; bottom:0px; padding-left:50px; z-index:2; background-color:#C08A93; filter: Alpha(opacity=70); opacity:0.7;} #imageShow #imageSwitch li{ float:left; border-left:1px solid white; width:30px; height:14px; line-height:14px; text-align:center;} 1 2 3 4 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　15 个 JavaScript Web UI 库

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种>>>详细阅读

本文标题：Jquery 焦点图 用于图片展示效果代码

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

 1/2    1