添加到百度首页
添加收藏 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>
相关特效
  • jQuery带左侧缩略图响应式图文相册

    jQuery带左侧缩略图响应式图文相册

    一款jQuery带左侧缩略图响应式图文相册源码下载,该图文相册特效是一款基于jQuery以及jssor.slider.js插件编写的PC+手机响应式图片轮播图片特效。……
    2018-04-04
  • 响应式拖拽滑动带缩略图相册特效

    响应式拖拽滑动带缩略图相册特效

    一款响应式拖拽滑动带缩略图相册特效JS代码下载,这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图,点击左右按钮或者滑动切换上一张下一张图片特效。……
    2018-04-04
  • HTML5电子书翻页动画特效

    HTML5电子书翻页动画特效

    一款HTML5电子书翻页动画特效免费下载,点击左右按钮3D式立体翻书效果,HTML5电子书图文相册特效。……
    2016-12-23
  • HTML5+CSS3响应式酷炫图片封面动画展示特效

    HTML5+CSS3响应式酷炫图片封面动画展示特效

    一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
    2016-12-01
  • HTML5分页导航按钮样式动画特效

    HTML5分页导航按钮样式动画特效

    HTML5分页导航按钮样式动画特效下载,html5分页导航按钮样式动画特效里面总共包含17种不同的垂直分页按钮动画样式特效,HTML5网建设代码。……
    2016-11-14
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • HTML5+Canvas制作文本输入框闪光动画特效

    HTML5+Canvas制作文本输入框闪光动画特效

    一款HTML5+Canvas制作文本输入框动画特效下载,该网页特效是一款非常好看的键盘键入打字文本输入框原子飞溅闪光动画效果。……
    2016-07-22
  • HTML5移动端裁剪图片上传头像代码

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

    一款HTML5移动端裁剪图片上传头像代码插件下载,该HTML5特效是一款基于jQuery+HTML5实现的图片上传裁剪生成头像特效代码。……
    2016-06-28


最新更新特效

设计分享

web前端视频教程