添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

jQuery左右按钮控制图片切换焦点图

时间:2015-08-03      来源:互联网     
特效说明:
一款jQuery左右按钮控制图片切换焦点图特效代码,该JS代码是一款带左右箭头按钮、索引按钮、自动轮播左右平滑切换的主流jQuery幻灯片特效。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/owl.carousel.css" />

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、JS代码:
<script type="text/javascript">
$(function(){
    $('#owl-demo').owlCarousel({
        items: 1,
        navigation: true,
        navigationText: ["上一个","下一个"],
        autoPlay: true,
        stopOnHover: true
    }).hover(function(){
        $('.owl-buttons').show();
    }, function(){
        $('.owl-buttons').hide();
    });
});
</script>
相关特效
  • 将网页内容导出Word文档jQuery插件

    将网页内容导出Word文档jQuery插件

    一款将网页内容导出Word文档jQuery插件免费下载,该jquery.wordexport.js是一款将网页制定标签容器中的文本内容生成并导出word文档插件。……
    2016-09-04
  • 基于Bootstrup炫酷bootstrap-slider插件

    基于Bootstrup炫酷bootstrap-slider插件

    一款基于Bootstrup炫酷bootstrap-slider插件免费下载,该jquery插件用于应该包含一定范围内数字值的输入域,类型显示为滑动条,还能够设定对所接受的数字范围限定。……
    2016-06-24
  • jquery.fractionslider.js制作动态焦点图

    jquery.fractionslider.js制作动态焦点图

    一款jquery.fractionslider.js制作动态焦点图特效下载,该JS特效支持淡入弹出、左右飞入、上下飞入等多元素组合动画自动轮播焦点图代码特效,兼容IE7及以上主流浏览器。……
    2016-05-30
  • Parallax.js强大的javascript视觉差特效引擎

    Parallax.js强大的javascript视觉差特效引擎

    Parallax.js是一款功能非常强大的javascript视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效。它可以检测智能设备的方向。你可以将它作为jQuery插件来使用,也可以以纯……
    2016-05-30
  • 基于jQuery弹性展开收缩菜单插件gooey.js

    基于jQuery弹性展开收缩菜单插件gooey.js

    一款jQuery弹性展开收缩菜单插件gooey.js下载,该JS插件是一款基于gooey.js插件实现SVG动画弹性菜单特效代码。……
    2016-05-26
  • jQuery文字阴影效果插件longShadow.js

    jQuery文字阴影效果插件longShadow.js

    一款jQuery文字阴影效果插件longShadow.js下载,该投影插件是一款可以制作各种文字长阴影效果,可以配置阴影的颜色,大小和方向等。……
    2016-05-22
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jQuery鼠标拖动滑块选择价格网页特效

    jQuery鼠标拖动滑块选择价格网页特效

    一款jQuery鼠标拖动滑块选择价格网页特效下载,该JS代码素材是一款基于jQuery+CSS3实现的鼠标拖动滑块显示商品价格代码。……
    2016-05-22
  • SVG轻量级JS圆形进度条代码

    SVG轻量级JS圆形进度条代码

    一款SVG轻量级JS圆形进度条代码下载,该SVG代码是一款基于HTML5+SVG实现的圆形动画进度条circles.min.js插件。……
    2016-05-22
  • jQuery滚动视觉动画jInvertScroll.js插件动画

    jQuery滚动视觉动画jInvertScroll.js插件动画

    jInvertScroll 是一个操纵默认滚动行为和强制水平滚动的jQuery插件.它通过onScroll回调函数简化了视察效果的创建,我们可以在onScroll回调函数中 为任意元素增加动画效果。……
    2016-05-22


最新更新特效

设计分享

web前端视频教程