利用jquery实现左右回弹滑动幻灯片



35 136 46



特效描述:利用jquery实现左右回弹滑动幻灯片,利用jquery实现左右回弹滑动幻灯片

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

2. HTML代码

    <div id="slider">
        <div id="viewer">
            <img id="image1" src="img/amstrad.jpg" alt="Amstrad CPC 472" />
            <img id="image2" src="img/atari.jpg" alt="Atari TT030" />
            <img id="image3" src="img/commodore16.jpg" alt="Commodore 64" />
            <img id="image4" src="img/commodore128.jpg" alt="Commodore 128" />
            <img id="image5" src="img/spectrum.jpg" alt="Sinclair ZX Spectrum +2" />
        </div>
        <ul id="ui">
            <li class="hidden" id="prev"><a href="" title="Previous">&laquo;</a></li>
            <li><a href="#image1" title="Image 1" class="active">Image 1</a></li>
            <li><a href="#image2" title="Image 2">Image 2</a></li>
            <li><a href="#image3" title="Image 3">Image 3</a></li>
            <li><a href="#image4" title="Image 4">Image 4</a></li>
            <li><a href="#image5" title="Image 5">Image 5</a></li>
            <li class="hidden" id="next"><a href="" title="Next">&raquo;</a></li>
        </ul>
    </div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 flash焦点图 flash幻灯片 flashbanner flash图片轮播 切换按钮 表单 表单美化 表单插件 表单美化插件 焦点图 幻灯片 轮播图 bar焦点图 图片滑动 图片滑块 纯图片轮播 图片轮播 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到