• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 滚动图片 >  半圆形按钮图片左右正文

半圆形按钮图片左右滚动的jQuery幻灯插件

作者:网页模板
大小:0.188MB
点击次数:
发布时间:2014-03-14 13:35
分享到:

特效介绍

半圆形按钮图片左右滚动的jQuery幻灯插件
半圆形按钮图片左右滚动的jQuery幻灯插件。完美兼容IE6,支持扩展图片数目。

使用方法

第一步、在head区域引入下面的代码
<link rel="stylesheet" type="text/css" href="styles.css" />
第二步、在您的html文件想要引入下面的代码:
<div id="slideshow">
    <ul class="slides">
        <li><a href="http://www.5imoban.net/" target="_blank"><img src="images/photos/1.jpg" width="620" height="320" alt="模板网" /></a></li>
        <li><a href="http://www.www.5imoban.net/" target="_blank"><img src="images/photos/2.jpg" width="620" height="320" alt="模板网" /></a></li>
        <li><a href="http://www.www.5imoban.net/" target="_blank"><img src="images/photos/3.jpg" width="620" height="320" alt="模板网" /></a></li>
        <li><a href="http://www.www.5imoban.net/" target="_blank"><img src="images/photos/4.jpg" width="620" height="320" alt="模板网" /></a></li>
    </ul>
    <span class="arrow previous"></span>
    <span class="arrow next"></span>
</div>
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script src="js/5imoban.net.js"></script>
如果想扩展图片,直接复制li追加到最后一个li后面,更改图片路径和拦截地址即可
  • 本文标签:
  • jQuery幻灯插件,jQuery图片滚动插件
超炫jquery fullPage仿百科史记的全屏滚动插件
带左右按钮和投影效果的立体jQuery图片轮播插件