• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置：模板网首页 > 特效插件 > 滚动图片 >  jquery真实的前后翻页正文

jquery真实的前后翻页效果代码

作者：网页模板
大小：1.4MB
点击次数：
发布时间：2014-03-26 13:04
分享到：

特效介绍

jquery真实的前后翻页效果代码
jquery真实的前后翻页效果代码。鼠标点击Previous和next按钮，图片向上或者向下翻到最后面或者翻到最前面。兼容IE6

使用方法

1、在head区域引入下面的代码：
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
2、把以下代码拷贝到你想引用的地方
<div class="grid_6 prefix_1 suffix_1" id="gallery">
    <div id="pictures">
        <img src="images/picture1.png" alt="" />
        <img src="images/picture2.png" alt="" />
        <img src="images/picture3.png" alt="" />
        <img src="images/picture4.png" alt="" />
        <img src="images/picture5.png" alt="" />
    </div>
    <div class="grid_3 alpha" id="prev">
        <a href="#previous">&laquo; Previous Picture</a>
    </div>
    <div class="grid_3 omega" id="next">
        <a href="#next">Next Picture &raquo;</a>
    </div>
</div>
  • 本文标签：
  • jquery翻页效果代码
jquery真实的前后翻页效果代码效果预览 jquery真实的前后翻页效果代码本地下载
音乐网站首页图片左右滚动的jquery轮播代码
标题描述呈打字效果出现的jquery幻灯图片代码