添加到百度首页
添加收藏 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>
相关特效
  • 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
  • jQuery图像裁剪Jcrop.js插件

    jQuery图像裁剪Jcrop.js插件

    一款jQuery图像裁剪Jcrop.js插件免费下载,Jcrop是一个功能强大的jQuery图像裁剪插件,结合后端程序(例如:PHP)可以快速的实现图片裁剪的功能。……
    2016-05-22
  • jQuery鼠标滑过图片遮罩动画sliphover.js插件

    jQuery鼠标滑过图片遮罩动画sliphover.js插件

    一款jQuery鼠标滑过图片遮罩显示特效下载,该jquery.sliphover.min.js插件是遮罩层随鼠标移动方向动画显示内容特效代码。……
    2016-05-22
  • jQuery过滤器插件fastLiveFilter

    jQuery过滤器插件fastLiveFilter

    一款jQuery过滤器插件fastLiveFilter免费代码素材,fastLiveFilter这是jQuery过滤器插件,超轻量级(大小只有2K),用法简单执行效率高。……
    2016-05-22
  • jQuery拖拽owl.carousel.js插件网页特效Demo演示

    jQuery拖拽owl.carousel.js插件网页特效Demo演示

    owl.carousel.js是一个强大、实用但小巧的jQuery图片幻灯片、图片列表特效插件,该JS特效代码提供了众多的参数、回调函数及自定义事件,所以它几乎可以满足你的所有要求。……
    2016-05-22
  • jQuery图片图像对比插件coveringBad.js特效Demo

    jQuery图片图像对比插件coveringBad.js特效Demo

    一款jQuery图片图像对比查看差异coveringBad.js网页特效插件,通过鼠标拖拽按钮查看当前图像与背景图像差异jQuery插件,婚纱摄影网站建设图片对比插件。……
    2016-05-22



最新更新特效

设计分享