jQuery点击小图切换控制大图幻灯片代码
适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗
jQuery点击小图切换控制大图幻灯片代码
js代码如下:
- <script type="text/javascript">
- $(document).ready(function() {
- $("#gallery_output img").not(":first").hide();
- $("#gallery a").click(function() {
- $("#gallery a").removeClass('on');
- $(this).addClass("on");
- if ( $("#" + this.rel).is(":hidden") ) {
- $("#gallery_output img").slideUp();
- $("#" + this.rel).slideDown();
- }
- });
- });
- </script>
复制代码 源码免费下载:
zidiu5297.zip
(161.42 KB, 下载次数: 751)
|
|