左右箭头的图片轮播jQuery切换幻灯片制作
jQuery幻灯片介绍
jQuery图片轮播切换代码是一款美女网站用的带左右箭头自动轮播切换的焦点图幻灯片代码。幻灯片里的图片可以换成自己的图片。
jQuery幻灯片效果图
jQuery幻灯片制作方法
- 下载jQuery幻灯片代码，下载地址在下方；
- 将解压出来的jQuery幻灯片代码全部上传到自己网站空间根目录；
- 在自己网站需要显示幻灯片的位置放上以下的调用代码即可。
<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> - 如果自己网站不能显示幻灯片，请修改一下上面的JS代码里的路径。