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

HTML5响应式全屏宽度幻灯片特效

时间:2016-06-28      来源:互联网     
特效说明:
一款HTML5响应式全屏宽度幻灯片特效免费下载,该HTML5图片特效是一款可以根据屏幕的大小自动调整幻灯片的宽度,幻灯片宽度始终占据整个屏幕的宽度。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE9、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css">

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

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

4、实例化代码:
<script type="text/javascript">       
    $( document ).ready(function() {
        //$( ".hsldr-container" ).hslider("navBar:false"); // create slider
        $( ".hsldr-container" ).hslider({
          navBar: true,
          auto: true,
          delay: 4000
        });
    });    
</script>
相关特效
  • HTML5移动端裁剪图片上传头像代码

    HTML5移动端裁剪图片上传头像代码

    一款HTML5移动端裁剪图片上传头像代码插件下载,该HTML5特效是一款基于jQuery+HTML5实现的图片上传裁剪生成头像特效代码。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • JS+HTML5酷炫星空背景动画特效

    JS+HTML5酷炫星空背景动画特效

    一款JS+HTML5酷炫星空背景动画特效下载,该HTML5特效是一款基于HTML5 - Canvas实现的动态全屏星空动画效果。……
    2016-06-25
  • 15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。……
    2016-06-25
  • xGallerify-响应式jQuery图片画廊插件

    xGallerify-响应式jQuery图片画廊插件

    xGallerify是一款轻量级响应式jQuery图片画廊插件,该图片特效插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。……
    2016-06-24
  • HTML5绘制骑自行车动画特效

    HTML5绘制骑自行车动画特效

    一款HTML5绘制骑自行车动画特效下载,该HTML5+CSS3特效基于CSS3属性transform编写,鼠标拖动场景画布控制坡度,自行车根据坡度变化速度会变快变慢动画效果。……
    2016-06-19
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19
  • baguetteBox移动端PC端响应式相册插件

    baguetteBox移动端PC端响应式相册插件

    一款baguetteBox移动端PC端响应式相册插件免费下载,该JS特效支持多图展示,多分辨率展示大图特效,响应式网站建设超实用图文展示JS代码。……
    2016-06-12
  • jQuery Scroll Path动画切换页面特效

    jQuery Scroll Path动画切换页面特效

    一款jQuery Scroll Path动画切换页面特效,点击索引按钮整屏动画切换页面,滚动鼠标动画切换页面效果,HTML5网站建设酷炫特效。……
    2016-06-12
  • jwplayer响应式多终端适配视频播放器

    jwplayer响应式多终端适配视频播放器

    一款jwplayer响应式多终端适配视频播放器免费下载,该JS视频插件适用于网页播放视频展示,这里整理了下分享给大家。……
    2016-05-26



最新更新特效

设计分享