jQuery幻灯片介绍

jQuery图片轮播切换代码是一款美女网站用的带左右箭头自动轮播切换的焦点图幻灯片代码。幻灯片里的图片可以换成自己的图片。

jQuery幻灯片效果图

jQuery幻灯片制作方法

1. 下载jQuery幻灯片代码，下载地址在下方；
2. 将解压出来的jQuery幻灯片代码全部上传到自己网站空间根目录；
3. 在自己网站需要显示幻灯片的位置放上以下的调用代码即可。

   
   <script src="/js/jquery.min.js"></script>
   
   <script src="/js/YuxiSlider.jQuery.min.js"></script>
   
   <script>
   
   $(".slider").YuxiSlider({
   
       width:800, //容器宽度
   
       height:450, //容器高度
   
       control:$('.control'), //绑定控制按钮
   
       during:4000, //间隔4秒自动滑动
   
       speed:800, //移动速度0.8秒
   
       mousewheel:true, //是否开启鼠标滚轮控制
   
       direkey:true //是否开启左右箭头方向控制
   
   });
   
   </script>