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

SliderPro插件响应式全屏左右滚动焦点图代码

时间:2015-01-12      来源:互联网     
特效说明:
SliderPro插件实现响应式全屏左右滚动焦点图代码,左右滚动切换,带索引按钮,带文字描述,支持键盘控制左右切换,支持触屏控制左右切换,响应式设计,对移动设备支持良好。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/slider-pro.min.css" media="screen"/>

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

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

4、初始化JS代码:
<script type="text/javascript">
    $( document ).ready(function( $ ) {
        $( '#sucaijiayuan' ).sliderPro({
            width: '50%',
            height: 500,
            aspectRatio: 1.5,
            visibleSize: '100%',
            forceSize: 'fullWidth'
        });
    });
</script>
相关特效
  • CSS3动画响应式全屏焦点图网页特效

    CSS3动画响应式全屏焦点图网页特效

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jQuery带表单提交响应式全屏焦点图代码

    jQuery带表单提交响应式全屏焦点图代码

    一款jQuery带表单提交响应式全屏焦点图代码免费下载,该JS焦点图代码带索引按钮、左右按钮,适合证券公司、企业网站建设等需要表单功能的响应式全屏且自动轮播幻灯片代码。……
    2015-08-03
  • 正益无线响应式全屏jQuery图文动画焦点图

    正益无线响应式全屏jQuery图文动画焦点图

    一款正益无线响应式全屏jQuery图文动画焦点图网页特效,该JS特效代码带索引按钮,自动轮播且图片、文字分离动画切换幻灯片特效代码。……
    2015-08-03
  • 百度推荐首页弹性焦点图代码

    百度推荐首页弹性焦点图代码

    一款百度推荐首页弹性焦点图代码网页特效,该JS特效图文、背景分类,带索引按钮、点击索引按钮弹性动画切换内容、自动轮播切换焦点图自适应全屏响应式代码。……
    2015-08-03
  • jQuery带动画效果自动轮播焦点图代码

    jQuery带动画效果自动轮播焦点图代码

    一款jQuery带动画效果自动轮播焦点图网页特效免费下载,该特效带动画效果,左右按钮、索引按钮切换代码,效果非常流畅,兼容IE7,插件支持图片位置的定位以及图片的动画运行速度……
    2015-01-24
  • jQuery图文分离全屏渐变切换焦点图代码

    jQuery图文分离全屏渐变切换焦点图代码

    jQuery图文分离全屏渐变切换焦点图代码,带左右按钮,带索引按钮,支持自动播放,带文字描述,淡入淡出切换!……
    2015-01-21
  • jQuery响应式全屏背景自动切换特效

    jQuery响应式全屏背景自动切换特效

    一款jQuery响应式全屏背景自动切换网页特效免费下载,可设置切换方式、切换效果等参数。特效切换效果包含:透明渐变切换、左右滑动切换、上下滑动切换、角度滑动切换等。……
    2015-01-21
  • jQuery手机响应式设计焦点图

    jQuery手机响应式设计焦点图

    一款jQuery手机响应式设计焦点图网页特效代码,自适应宽屏焦点图,支持左右按钮点击切换,支持添加文字标题。更多焦点图代码请访问科e互联JS代码频道。……
    2014-07-10
  • jQuery全屏响应式图片轮播代码

    jQuery全屏响应式图片轮播代码

    一款jQuery全屏响应式图片轮播代码网页特效,根据不同分辨率响应对应尺寸焦点图轮播代码。带左右按钮,自动轮播及点击按钮切换焦点图。……
    2014-05-24
  • kinMaxShow插件全屏焦点图代码

    kinMaxShow插件全屏焦点图代码

    一款kinMaxShow焦点图代码网页特效。jquery插件代码,应用简单、灵活,同一页面多次调用特效。透明渐变切换效果柔和。科e互联为您提供更多的原创特效。……
    2014-05-22

最新更新特效

设计分享