正在加载菜单，请稍待......

easyslider1.7-jquery图片滚动插件

类别：jquery插件

标签：

浏览：537次

明河共影发布于 2009年08月21日

RIA之家技术群：24440797。你可以通过以下方式联络到明河： 1、进入我的微博首页跟随我 2、我的email：riahome@126.com

easyslider1.7

这是一款相当不错的图片滚动插件，也可做幻灯片使用。当然我是不推荐其幻灯片方式，因为少了图片字幕，而且不算华丽。
实例包内含有三个实例，分别是：图片滚动方式、幻灯片方式、图片滚动+幻灯片方式。

我以第一个实例来简单说明下其使用方法：

建立如下html结构：

  1. <div id="slider">
  2.             <ul>               
  3.                 <li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
  4.                 <li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
  5.                 <li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
  6.                 <li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
  7.                 <li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>           
  8.             </ul>
  9.         </div>

结构非常简单，就是一个包含图片的列表

CSS文件不阐述，可看实例包里面的screen.css文件

初始化

  1. $(document).ready(function(){   
  2.             $("#slider").easySlider({
  3.                 auto: true,
  4.                 continuous: true
  5.             });
  6.         });

订阅RIA之家，及时获取RIA之家最新文章：

本文链接：http://www.36ria.com/312

除非特别说明，本站的所有内容均为原创或翻译，所有权属于文章作者，欢迎转载，转载请注明出处，谢谢。

  • 相关文章
  • 最新文章
  • 最热文章
  • 随机文章