零基础建站培训介绍

当前位置:

左右箭头的图片轮播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代码里的路径。
上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 特效介绍:jQuery网格点击放大为幻灯片切换特效是一款可以将指定的网格内容扩展为旋转木马效果,通过前后导航按钮来轮流播放。浏览器支持:适用浏
  • 现在大多网站都会使用JS特效代码,如果浏览器中 禁用了javascript,那么就会导致网站显示不正常,如何去解决浏览器禁用javascript问题呢?浏览器禁用j
  • 特效介绍:一共是4款特别漂亮的jQuery彩色动画选项卡Tabs特效是一款提供多种颜色主题,可以制作背景图片动画,甚至可以自定义你自己的颜色主题。特
  • 什么是同步加载在加载数据时仍然执行其他程序,通常加载时是不执行程序的,我们不得不等进度条,因为很多程序在没有加载数据时,可能是无法运行的,
  • 特效介绍:jQuery带横向滚动条头部固定表格代码是一款jquery easyui实现的自定义表格样式代码。特效截图:特效适用:适用浏览器:IE8、360、FireF
  • JS加密与解密方法 (16271 次学习)
    在网站制作过程中,JS是需要经常用到的,为了防止网站的JS代码被别人复制,可以对JS代码进行加密。如下图,就是将js进行了加密处理。JS加密方法JS
  • 特效介绍:jQuery带音效旋转式动画切换幻灯片特效代码是一款类似一个旋转按钮,通过点击按钮的相应区域可以使幻灯片以旋转的动画方式来切换图片,特
  • 菜单代码介绍这款jQuery三级联动菜单代码是从一些商城网站中下载并修改而来,特别适合一些门户,商城网站使用,用户只需点击菜单上的一个分类,即可
  • js变量名必须是字母,数字,下划线,$  开头不能为数字。 Var age=24 var name="Gates", age=56, job="CEO";变量名区分
  • 打开html前端开发软件,创建一个html页面,然后在这个页面上创建,同时输入一些文字。代码:<div><div>大家好,鼠标双击会有意想不