零基础建站培训介绍

当前位置:

左右箭头的图片轮播jQuery切换幻灯片制作

jQuery幻灯片介绍

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>
  4. 如果自己网站不能显示幻灯片,请修改一下上面的JS代码里的路径。
上一课: 下一课:

发表评论

*

* 绝不会泄露


零基础学建站就到学做网站论坛